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內容簡介(層疊樣式表)