您好,登錄后才能下訂單哦!
css(層疊樣式表 Cascading Style Sheet)-------表現層
目前最新版本CSS3.0,能夠做到表現與內容分離的一種計算機語言,在css中主要學習選擇器和屬性
在學習之前先看一下css的書寫位置和需要注意的地方
書寫位置
1、外聯(外部)樣式 <link href="css文件路徑" rel="stylesheet" />
2、嵌入(內頁)樣式 <style></style>
3、內部(行內)樣式
書寫格式
選擇器{屬性:屬性值}
注意:在CSS中多個屬性用分號隔開
注釋方法為/*注釋內容*/
選擇器
基礎選擇器
*選擇器 表示獲取html文檔中所有的標簽,一般用在統配(全局)樣式
html選擇器(標簽選擇器) 標簽名{}
類選擇器 .類名{}
ID選擇器 #ID值{}
關系選擇器
E F(后代選擇器) E元素下邊的F元素
E>F (子集選擇器) E元素的子集元素F
E+F (緊鄰選擇器) 緊鄰E元素之后的兄弟元素F
E~F (兄弟元素選擇器) 選擇E元素的兄弟元素F
屬性選擇器
E[attr] 具有attr屬性的元素E
E[attr="value"] 具有attr屬性的并且其屬性值等于value的元素E
E[arrr^="value"] 具有attr屬性的并且其屬性值以value開始的元素E
E[attr$="value"] 具有attr屬性的并且其屬性值以value結尾的元素E
E[attr*="value"] 具有attr屬性的并且其屬性中包含value的E元素
偽類選擇器
:active 當元素在被激活的時候時的樣式
:link a標簽未被訪問前的樣式
:visited a標簽已被訪問過得樣式
:hover 鼠標滑過的樣式
偽對象選擇器
E::before{content:"123";} 在E元素之前常與content屬性配合使用
E::after{content:"abc";} 在E元素之后常與content屬性配合使用
E::first-letter{color:red;} E元素內容的第一個字符
E::first-line{color:red;} E元素內容的第一行
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。