第四章 初始CSS

2022-08-29 06:42:11 字數 1198 閱讀 5166

一.引入樣式

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...