溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“css選擇器和三種引入方式是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css選擇器和三種引入方式是什么”吧!
CSS是級聯樣式表
CSS術語標記語言,沒有邏輯
CSS作用 完成網頁內容的樣式與布局
書寫位置:在 head標簽內定義一個stype標簽內
CSS語法:css選擇器{樣式1;樣式2}
優缺點:可讀性強，有復用性，樣式被html頁面綁定了，不能提供給其它html頁面使用
書寫位置:在外部css文件中，在html文件中通過link標簽引入css文件
CCS文件內CSS語法:css選擇器{樣式1;樣式2}
HTML文件中導入CSS文件語法:<link rel="stylesheet" href="CSS文件路徑">
優缺點: 可讀性強，有復用性，適合團隊開發(文件級別的復用性)
書寫位置:在標簽的style屬性中書寫樣式
CSS語法:<標簽 stype='樣式1;樣式2;'>
優缺點:可讀性差，沒有復用性，書寫直接
內聯與外聯之間沒有優先級區別，由于html屬于解釋性語言，書寫在下方的會覆蓋上方的樣式
行間式的優先級要高于一切
統配選擇器* { 樣式1; } <!--表示所有樣式-->
標簽選擇器標簽名 { 樣式1; } <!--表示該標簽內的樣式-->
類選擇器.類名{ 樣式1; } <!--表示該類內的樣式-->
ID選擇器#ID名稱{ 樣式1; } <!--表示該ID下的樣式-->
高級選擇器(簡單講解)
標簽名.類名{
樣式1;
}
<!--同類名的情況下比較前面的標簽的個數,個數越多優先級越高-->關鍵字! important寫在樣式后面用宮格隔開
優先級:! important > 行間式 > id > class > 標簽 > 統配
從作用范圍來判斷的優先級:作用范圍越精確，優先級越高
樣式內容key如果有根據優先級進行取舍,沒有則增加
到此，相信大家對“css選擇器和三種引入方式是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
