1.引入外部樣式表的格式：
<link rel=”stylesheet” type=”text/css” href=https://www.cnblogs.com/chenJieLing/p/”../css/style1.css”>
2.樣式表第一行應注明編碼型別：
@charset “utf-8”;
3.css語法：
①一個元素中多個屬性用分號隔開，多個元素之間用逗號隔開；
②元素中屬性的值一般不加引號，但是當值是若干個單詞，就要給值加引號；
③注釋：/*```*/ （快捷鍵是ctr+?）；
④優先級：行內樣式>內部樣式>外部樣式；但是!important是強制優先的作用；
4.css選擇器：行內樣式優先級>id選擇器優先級>類選擇器優先級>元素選擇器優先級
①常用選擇器：
②屬性選擇器：
⑴選擇具有value和style屬性的input元素：
⑵選擇具有value屬性且屬性值等于vip的input元素：
⑶選擇具有value屬性且屬性值有多個且其中一個的值等于vip的input元素：
⑷選擇具有lang屬性且屬性值以en開頭且用’-’分隔的p元素：
⑸選擇具有value屬性且屬性值以vip開頭的input元素：
⑹選擇具有value屬性且屬性值以vip結尾的input元素：
⑺選擇具有value屬性且屬性值包含vip的input元素：
③關系選擇器：
⑴后代選擇器（包含選擇器）：
⑵子元素選擇器：與后代選擇器相比，只能選擇作為某元素子元素的元素，縮小了選擇范圍，
⑶相鄰選擇符：選擇緊貼在**元素之后的元素，
⑷兄弟選擇器：選擇**元素之后的所有兄弟元素，
④偽元素選擇器：
⑴E:first-letter/e::first-letter：設定e元素內第一個字符的樣式，
⑵E:first-line/e::first-line：設定e元素內第一行樣式，
⑶E:before/e::before：在每個e元素之前插入內容，用來和content屬性一起使用，
⑷E:after/e::after：在每個e元素之后插入內容，用來和content屬性一起使用，
⑸E:selection/e::selection：設定物件被選擇時的顏色，
⑤偽類選擇器：
E:first-child：選擇父元素的第一個子元素e，
:root：選擇檔案的根元素，
E:last-child：最后一個子元素e，
E:only-child：僅有的一個子元素e，
E:only-of--type：只有一種型別的子元素，
E:nth-child(n)：匹配父元素的第n個子元素e，
E: nth-last-child(n)：匹配父元素的倒數第n個子元素e，
E: first-of--type：匹配同型別中第一個同級兄弟元素e，
E: last-of--type：匹配同型別中最后一個同級兄弟元素e，
E: nth-of-type(n)：匹配同型別中第n個同級兄弟元素e，
E: nth-last-of-type(n)：匹配同型別中倒數第n個同級兄弟元素e，
E:empty：匹配沒有任何子元素的元素，
⑥UI偽類選擇器：
E:active：向被激活的元素添加樣式（點擊的時候），
E:hover：當滑鼠懸浮在元素上方時，向元素添加樣式，
E:link：當未被訪問的鏈接添加樣式，
E:visited：向已被訪問的鏈接添加樣式，
⑦其他選擇器：
E:focus：向擁有鍵盤焦點的元素添加樣式，
E:lang(en)：向帶有指定lang屬性的元素添加樣式，
#E:target：選擇當前活動的錨點元素，
:not(E)：選擇e元素之外的每個元素，
Input:checked：選擇每個被選中的input元素，
Input:disabled：選擇每個被禁用的input元素，
Input:enabled：選擇每個被啟用的input元素，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/120051.html
標籤：Html/Css
上一篇：css畫三角形原理決議
下一篇：HTML（上）