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”)
格式一:元素名[屬性名稱+屬性值]{申明塊}
格式二:元素名稱[屬性名稱+“向上的大於號=”+屬性值]{申明塊}選擇以屬性值開始的標簽
格式三:元素名稱[屬性名稱+“&=”+屬性值]{申明塊}選擇以屬性值結束的標簽
格式四:元素名稱[屬性名稱+“*=”+屬性值]{申明塊}選擇屬性值的表簽
小內容和其他內容將在后續寫上。。。。。。。。。。
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。