CSS 簡介
你在開始學習CSS之前,應確保自己擁有以下預備知識:
HTML / XHTML
要學習HTML和XHTML,可通過PHP中文網(php.cn)主頁找到相關教程
學習CSS就要知道什么是CSS?
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表中
把樣式添加到 HTML 4.0 中,是為了解決內容與表現分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲在 CSS 文件中
多個樣式定義可層疊為一
樣式解決了一個很大的問題
HTML 標簽原本被設計為用于定義文檔內容,如下實例:
這是一個標題
這是一個段落.
樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
為了解決這個問題,萬維網聯盟(W3C),這個非營利的標準化聯盟,肩負起了 HTML 標準化的使命,并在 HTML 4.0 之外創(chuàng)造出樣式(Style)。
當代瀏覽器都支持 CSS .
CSS 樣式表極大地提高了工作效率
樣式表定義如何顯示 HTML 元素
樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
CSS實例
一個HTML文檔可以顯示不同的樣式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文網(php.cn)</title> <style> h1{color: #00a0e9} p{background-color: #8de943 } p.ex {margin-top:2cm;} p.bottommargin {margin-bottom:25%;} </style> </head> <body> <h1>標題</h1> <p>一個沒有指定邊距大小的段落。</p> <p class="ex">一個2厘米上邊距的段落。</p> </body> </html>
運行程序試試看
大神,求帶!
表示之前學過一遍,現在來復習一遍,很多東西都忘了,現在繼續(xù)復習CSS,小伙伴們加油!
8年前 添加回復 1