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


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層疊樣式表簡介 層疊樣式表(Cascading Style Sheets,CSS)簡介 CSS層疊樣式表 CSS-層疊樣式表 CSS--層疊樣式表 CSS(層疊樣式表) css層疊樣式表總結 CSS層疊樣式表 CSS層疊樣式表(一) css為什么叫層疊樣式表
 
粤ICP备14056181号  © 2014-2020 ITdaan.com