資訊專欄INFORMATION COLUMN
一、語(yǔ)法規(guī)則
選擇器{
屬性1:屬性值1;
屬性2:屬性值2;
......
}
/*注釋*/
二、如何在html中應(yīng)用CSS
1. 外部引用css文件
css文件：css/layout.css（css文件夾和HTML位于同一個(gè)目錄下）
2. 內(nèi)部嵌入css
3. 元素內(nèi)部使用
三、選擇器 1. 基本選擇器 1）元素選擇器
a div body ul2）類選擇器
.ClassName 例如: .current3）ID選擇器
#IdName 例如: #top_nav4）普遍選擇器
*{
/*css代碼*/
}
5）并且選擇器
選擇器1選擇器2 p.one#first6）并列選擇器
p,.one,#first
使用空格分割兩個(gè)選擇器， 例如 【parant son】2）子代選擇器
使用大于號(hào)分割兩個(gè)選擇器，例如 【parent > son】3）下一個(gè)兄弟選擇器
使用+分割兩個(gè)選擇器，例如 【li:first-child + *】4）之后所有兄弟選擇器
使用波浪線~分割兩個(gè)選擇器，例如【li:first-child ~ *】3. 屬性選擇器(過(guò)濾器)
配合基本選擇器進(jìn)行篩選 selector[name] 選擇具有name屬性的元素、無(wú)論該屬性的值為什么 selector[name=val] 選擇具有name屬性的、并且name的值為val元素 selector[name*=val] 選擇具有name屬性的、并且name的值之一為val的元素 selector[name^=val] 選擇具有name屬性的、并且name的值以val開(kāi)頭的元素 selector[name$=val] 選擇具有name屬性的、并且name的值以val結(jié)尾的元素 selector[name~=val] 選擇具有name屬性的、并且name的值包含val的元素4. 偽類選擇器
配合基本選擇器進(jìn)行篩選1) 子元素
:first-child :last-child :nth-child(n)、: nth-last-child(n) :first-of-type :last-of-type :nth-of-type(n)、:nth-last-of-type(n) 注：n可以為元素的序號(hào)，也可以為特殊的字符，比如“odd”，“even2) 狀態(tài)
:hover、:active:、focus :enabled、 :disabled；:checked、 :default :invalid、 :valid、 :required、 :optional、 :in-range 、:out-of-range5. 偽元素選擇器
偽元素以"::"開(kāi)頭，用在選擇器后，用于選擇指定的元素。
::after
常用于清除浮動(dòng)，讓浮動(dòng)的子元素將父撐起來(lái)。
例：
#nav::after{
content = "";
display = block;
clear = both;
}
::before
::first-letter
::first-line
::selection
未完待續(xù)... ...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115948.html
一、語(yǔ)法規(guī)則 選擇器{ 屬性1:屬性值1; 屬性2:屬性值2; ...... } /*注釋*/ 二、如何在html中應(yīng)用CSS 1. 外部引用css文件 css文件：css/layout.css（css文件夾和HTML位于同一個(gè)目錄下） 2. 內(nèi)部嵌入css /*css代碼*/ 3...
摘要：一級(jí)聯(lián)概念級(jí)聯(lián)是的簡(jiǎn)寫，說(shuō)明級(jí)聯(lián)是非常重要的。二繼承中有些規(guī)則將會(huì)默認(rèn)被子元素繼承，有些則不會(huì)。應(yīng)用瀏覽器的默認(rèn)樣式不設(shè)定，表現(xiàn)該規(guī)則本來(lái)特性，即如果該規(guī)則具有繼承屬性則繼承，否則不繼承。 一、級(jí)聯(lián) 概念:級(jí)聯(lián)（The cascade）,CSS是Cascading Style Sheet的簡(jiǎn)寫，說(shuō)明級(jí)聯(lián)是非常重要的。從表層來(lái)看，級(jí)聯(lián)表明CSS規(guī)則的順序問(wèn)題，但是級(jí)聯(lián)遠(yuǎn)比這個(gè)復(fù)雜，在所有...
摘要：一級(jí)聯(lián)概念級(jí)聯(lián)是的簡(jiǎn)寫，說(shuō)明級(jí)聯(lián)是非常重要的。二繼承中有些規(guī)則將會(huì)默認(rèn)被子元素繼承，有些則不會(huì)。應(yīng)用瀏覽器的默認(rèn)樣式不設(shè)定，表現(xiàn)該規(guī)則本來(lái)特性，即如果該規(guī)則具有繼承屬性則繼承，否則不繼承。 一、級(jí)聯(lián) 概念:級(jí)聯(lián)（The cascade）,CSS是Cascading Style Sheet的簡(jiǎn)寫，說(shuō)明級(jí)聯(lián)是非常重要的。從表層來(lái)看，級(jí)聯(lián)表明CSS規(guī)則的順序問(wèn)題，但是級(jí)聯(lián)遠(yuǎn)比這個(gè)復(fù)雜，在所有...
閱讀 3120·2021-10-18 13:33
閱讀 864·2019-08-30 14:20
閱讀 2650·2019-08-30 13:14
閱讀 2542·2019-08-29 18:38
閱讀 2908·2019-08-29 16:44
閱讀 1235·2019-08-29 15:23
閱讀 3526·2019-08-29 13:28
閱讀 1935·2019-08-28 18:00
