css層疊樣式表的知識點有哪些

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

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

css 層疊樣式表

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

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

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

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

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

常見的CSS樣式：
color：文字顏色
background-color 背景顏色

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

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

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

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

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

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

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

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

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

廣告

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