一.引入樣式1.行內樣式表
2.內部樣式表(在head標籤裡面,title標籤下面)優點
方便在同頁面中修改樣式
缺點不利於在多頁面間共享復用**及維護,對內容與樣式的分離也不夠徹底
3.外部樣式表
嵌入式匯入式嵌入式和匯入式的區別:
1.標籤屬於xhtml,@import是屬於css2.1
2.使用鏈結的css檔案先載入到網頁當中,再進行編譯顯示
3.使用@import匯入的css檔案,客戶端顯示html結構,再把css檔案載入到網頁當中
4.@import是屬於css2.1特有的,對不相容css2.1的瀏覽器是無效的
4.樣式優先順序
行內》內部》外部
就近原則
二.基本選擇器
1.標籤選擇器(通過標籤名稱定位)
h22.類選擇器(通過標籤中class屬性的值定位,值可以重複,不能以數字開頭)
.class013.id選擇器(通過標籤中id屬性的值定位,值不可以重複,不能以數字開頭)
#id014.基本選擇器的優先順序
不遵循就近原則,無論哪一種樣式表的匯入,都遵循:id選擇器》類選擇器》標籤選擇器
三.高階選擇器
1.層次選擇器
/*後代選擇器*/
li p
/*子選擇器*/
body>p
/*相鄰兄弟*/
.class01+p
/*通用選擇器*/
.class01~p
2.結構偽類選擇器
ul li:first-child
ul li:last-child
ul li:nth-child(even)
/*匹配元素型別*/
p:first-of-type
p:last-of-type
p:nth-of-type(3)
3.屬性選擇器
/*包含id屬性*/
a[id]
/*包含target屬性,並且值為_blank*/
a[target=_blank]
/*包含title屬性,並且值以we開頭*/
a[title^=we]
/*包含title屬性,並且值以e結尾*/
a[title$=e]
/*包含class屬性,並且值包含it*/
a[class*=it]
第四章 初識CSS
css樣式 行內樣式 使用style屬性引入css樣式 style屬性應用 內部樣式 css 寫在枯藤老樹昏鴉 小橋流水人家 古道西風瘦馬 夕陽西下 斷腸人在天涯 外部樣式 css 儲存在擴充套件名為.css的樣式表中 html檔案引用擴充套件名為.css的樣式表。one.css p 枯藤老樹昏鴉 ...
第四章初始CSS3預習筆記
第四章 初始css3預習筆記 一 1 什麼是css?全稱是層疊樣式表 通常又稱為風格樣式表,他是用來進行網頁風格設計的 2 css的優勢 1 內容以表現分離,即使用u前面學習的html語言製作網頁 使用css設定網頁樣式,風格,並且css樣式單獨存在乙個資料夾裡.這樣.html檔案 引用的css檔案...
第四章 繼承
一 為什麼要繼承 在物件導向中我們將具有很多重複內容的類中的內容提取出來,寫成乙個單獨的類 其他類只需要繼承就能取得這些功能,同時可以在自己類中寫入獨特的自定義方法 二 繼承語法 inte ce circle nsobject 繼承是在介面中定義的 冒號後的類名是要整合的類,nsobject 是co...