1. 程式人生 > >css內容簡介(層疊樣式表)

css內容簡介(層疊樣式表)

嵌套 後代選擇器 引用 cti sheet 偽類 str 選擇器 html

css是對網頁編輯的加色,是對其功能的渲染。

根據規範每個元素都有一個display屬性,每個元素都有一個------------如div元素他的默認為block。

行內元素和塊級元素

塊級元素會占據一塊矩形的面積可以設置長寬高等,反之行內元素就不行。塊級元素可以嵌套行內元素,反之行內元素就不行。

引用css

使用外部樣式表

使用代碼引用css,代碼為<link rel=“stylesheet” herf=“main.css”>

它能夠使代碼分離,便於維護和使用。

使用內部樣式表

將css編寫在HTML文檔中,在head標簽中書寫,代碼如下<style type="text/css"> </style>這個雖然比較方便,但是多個頁面中難以共享,不便於修改,所以不建議使用該內部樣式表。

使用行內樣式表

直接編寫在起始標簽中,和內部樣式表都差不多,不太建議使用。

css的註釋

css的規則中,其格式為:選擇器{申明塊}

元素選擇器------------標記名{申明塊}

類選擇器---------------.類名{申明塊} 類名自己命名,需要在HTML標簽的起始標簽中加入class屬性

id選擇器----------------#id值{申明塊}

組合/並集選擇器------標記名1,標記名2{申明塊} 標記名不限

偽類選擇器--------------針對於a標簽而言 a:link未訪問 a:visited已訪問 a:hover鼠標懸停 a:active點擊時 {申明塊}

後代選擇器--------------將其祖表簽在前 後代標簽在後{申明塊}

子集選擇器--------------將父級元素在前 後代標簽在後{申明塊}

屬性選擇器(input type=“text”)

格式一:元素名[屬性名稱+屬性值]{申明塊}

格式二:元素名稱[屬性名稱+“向上的大於號=”+屬性值]{申明塊}選擇以屬性值開始的標簽

格式三:元素名稱[屬性名稱+“&=”+屬性值]{申明塊}選擇以屬性值結束的標簽

格式四:元素名稱[屬性名稱+“*=”+屬性值]{申明塊}選擇屬性值的表簽

小內容和其他內容將在後續寫上。。。。。。。。。。

css內容簡介(層疊樣式表)