您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“Css選擇器必備知識點有哪些”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“Css選擇器必備知識點有哪些”這篇文章吧。
CSS作用:層疊樣式表(Cascading Style Sheets),美化頁面,布局頁面,修飾元素的外觀,修改元素的位置.
CSS基本機構:行內樣式,內嵌樣式,外聯樣式(link href="" rel="stylesheet" type="text/css")
CSS基本語法:選擇器{ 屬性:屬性值;}
CSS特性:
樣式的優先級特性:行內樣式,內嵌樣式,外聯樣式,哪個離得被修飾元素近,哪個修飾就先起到作用 (就近原則)
繼承特性:當元素屬于父-子關系時,給父類定義一個樣式,子類也會繼承該樣式.
沖突特性:行內樣式會和隱含樣式沖突,列入b元素加粗,font-weight:normal字體不加粗.會執行后者.
查看選擇器以調試bug:f12.
選擇器
選擇器就是找到文檔中某個元素或者某一批元素,用來設置樣式.
基本選擇器
通用選擇器: *{} 設置所有元素樣式
類型選擇器: 標簽名開頭{} 例如:div{}
類選擇器:標簽中定義class之后,以.class{}開頭
縮小范圍的類選擇器:想為多個相同的類中的某一個設置特定的樣式可以使用(標簽名.classname{}的形式來設置). 例如:div.div1{}
為元素起小名:同樣的,想為多個相同的類中的某一個特定的類設置樣式可以使用多個小名的形式(class="div1 classname")-->(.div1.classname1{})
id選擇器:為元素設置id,然后(#id{}設置樣式)
屬性選擇器:將元素的某一個屬性設置為選擇器進行比設置樣式
屬性中的某元素為選擇器:[target]{}
屬性中某元素的屬性值(字符串):[target="_blank"{}]
屬性中某元素屬性值字符串開頭:[target^="_b"]
以上是“Css選擇器必備知識點有哪些”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。