這篇文章主要講解了“css層疊樣式表的知識(shí)點(diǎn)有哪些”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“css層疊樣式表的知識(shí)點(diǎn)有哪些”吧！

10年積累的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有薩爾圖免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

css 層疊樣式表

CSS: 層疊樣式表 style:樣式
修飾和美化整個(gè)網(wǎng)頁(yè)，實(shí)現(xiàn)各種不同的網(wǎng)頁(yè)布局風(fēng)格

行內(nèi)樣式的優(yōu)先級(jí)最高 內(nèi)部樣式和外部樣式并沒(méi)有明確的優(yōu)先級(jí)，看先后書寫順序，后寫的會(huì)覆蓋先寫的

行內(nèi)樣式：將css樣式直接加到html每一個(gè)標(biāo)簽上，在頭部標(biāo)簽書寫 類似于寫HTML的屬性 使用style="樣式名:樣式內(nèi)容;" 來(lái)設(shè)置
例： <p style="color:red;">文字顏色是紅色</p>

內(nèi)部樣式： <style></style>需要使用一對(duì)style標(biāo)簽，一般寫在html的head標(biāo)簽中
外部樣式：需要使用link標(biāo)簽來(lái)引入一個(gè)css文件 rel屬性表示引入文件的類型 href屬性表示引入文件的路徑
導(dǎo)入樣式： 暫時(shí)已經(jīng)被廢棄掉

導(dǎo)入樣式和外部樣式的區(qū)別：
導(dǎo)入樣式：加載順序是先加載HTML頁(yè)面，當(dāng)所有頁(yè)面內(nèi)容加載完之后，才會(huì)開(kāi)始加載css，
會(huì)導(dǎo)致頁(yè)面剛打開(kāi)的前一兩秒有短暫的沒(méi)有css效果的網(wǎng)頁(yè)
外部樣式：加載HTML頁(yè)面的同時(shí)一起加載CSS樣式

常見(jiàn)的CSS樣式：
color：文字顏色
background-color 背景顏色

關(guān)于編程語(yǔ)言 命名要求：不能以數(shù)字開(kāi)頭，不能使用特殊符號(hào) 可以使用的有 字母 數(shù)字 下劃線 _ 美元符號(hào) $

css的選擇器：
基本選擇器（元素選擇符）： 優(yōu)先級(jí)：
id > 類 > 標(biāo)簽 > 通配符
優(yōu)先級(jí)的計(jì)算： 采用權(quán)重值計(jì)算
id 權(quán)重值 100
類 10
標(biāo)簽 1
通配 0
通配選擇符： * 表示 代表匹配頁(yè)面中所有的HTML標(biāo)簽，設(shè)置統(tǒng)一的樣式
注意：該選擇符盡量避免使用，對(duì)頁(yè)面的性能有影響
例： *{color:red;} 將頁(yè)面所有的文字顏色設(shè)置成紅色

標(biāo)簽選擇符（類型選擇符）：
通過(guò)標(biāo)簽名來(lái)選擇對(duì)應(yīng)的HTML標(biāo)簽，設(shè)置統(tǒng)一樣式
例： p{color:red;} 將頁(yè)面中所有的p標(biāo)簽文字顏色設(shè)置成紅色

類選擇符： class屬性 每一個(gè)標(biāo)簽都可以添加一個(gè)class屬性，該屬性代表類名
在css中 使用 . 來(lái)表示類選擇符
例： .co{color:green;} 將所有class名字是co的標(biāo)簽設(shè)置文字顏色是綠色

ID選擇符： id屬性 每一個(gè)標(biāo)簽都可以加一個(gè)id屬性，但是該屬性具有唯一性，同一個(gè)id名只允許出現(xiàn)一次
在css中 使用 # 來(lái)代表ID選擇符
例： #lis{color:red;} 將id名為lis的標(biāo)簽設(shè)置文字顏色是紅色

關(guān)系選擇符：
包含選擇符(后代選擇器) 語(yǔ)法： 選擇器1 選擇器2{樣式名:樣式值;}
例： ul .lis{color:red;} 表示獲取到ul中所有后代標(biāo)簽class屬性是lis的標(biāo)簽，設(shè)置顏色是紅色
子選擇符 語(yǔ)法： 選擇器1>選擇器2{樣式名:樣式值;}
例： ul>li{color:red;} 表示獲取到ul中所有子元素是li的標(biāo)簽，設(shè)置顏色是紅色
相鄰選擇符 語(yǔ)法： 選擇器1+選擇器2{樣式名:樣式值;}
相鄰選擇符只會(huì)選擇到下一個(gè)相鄰的兄弟標(biāo)簽，不會(huì)選擇之前的兄弟標(biāo)簽
例： #li3+li{color:red;} 表示選擇id是li3的標(biāo)簽的下一個(gè)兄弟元素是li的標(biāo)簽，設(shè)置顏色是紅色
兄弟選擇符 語(yǔ)法： 選擇器1~選擇器2{樣式名:樣式值;}
兄弟選擇符只會(huì)選擇當(dāng)前標(biāo)簽之后的所有兄弟標(biāo)簽，不會(huì)選擇到前面的兄弟標(biāo)簽
例： #li3~li{color:red;} 表示選擇id是li3的標(biāo)簽的后面所有兄弟元素是li的標(biāo)簽，設(shè)置顏色是紅色

感謝各位的閱讀，以上就是“css層疊樣式表的知識(shí)點(diǎn)有哪些”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)css層疊樣式表的知識(shí)點(diǎn)有哪些這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

本文名稱：css層疊樣式表的知識(shí)點(diǎn)有哪些
URL網(wǎng)址：http://aaarwkj.com/article12/igdjdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計(jì)公司、App開(kāi)發(fā)、網(wǎng)站導(dǎo)航、定制開(kāi)發(fā)、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)