您好,登錄后才能下訂單哦!
CSS層疊樣式表cascading style sheets
將網頁中的樣式單獨分離出來,完全由CSS控制,增強樣式復用性和擴展性。
格式:選擇器{屬性名:屬性值;屬性名:屬性值;……}
CSS與HTML結合的4中方式:
1、每個HTML標簽都有style屬性
2、當頁面中有多個標簽具有相同樣式時,可定義style標簽封裝樣式以復用
<style type=”text/css”>css代碼</style>
3、當多個頁面使用相同樣式時,可將樣式單獨封裝為CSS文件導入
<style type=”text/css”>@import url(“1.css”);</style>
4、通過HTML頭標簽中的link標簽鏈接一個CSS文件
<link rel=”stylesheet” href=”1.css” media屬性可選,默認設備屏幕/>
技巧:為提高樣式的復用性和可擴展性,將多個樣式單獨定義并封裝為CSS文件,如p.css、div.css……在一個總的CSS文件中,使用import導入這些CSS文件,然后在HTML頁面中用link標簽將這個總的CSS文件導入即可。
優先級:就近原則標簽上設置的style屬性可以覆蓋其他樣式
選擇器:
1、標簽選擇器:每個HTML標簽名即為一個選擇器
2、類選擇器:標簽中的class屬性指定 定義樣式要加點 js引用時用className
3、ID選擇器:標簽的id屬性,盡量保證唯一,便于JavaScript獲取元素
4、擴展選擇器:
a、關聯選擇器:標簽中的標簽 table div表示表格中的div區域
b、組合選擇器:多個選擇器逗號分隔
c、為元素選擇器:元素的狀態 如超鏈接的默認狀態、點擊狀態、懸停狀態等
a:linka:visiteda:hovera:activeLVHA順序
刪除超鏈接默認下劃線:text-decoration:none
p:first-letterp:first-linefocus:IE6不支持
CSS濾鏡:通過一些代碼豐富了的樣式
網頁設計時,DIV+CSS
DIV和P標簽都屬于行級區域,回車效果,SPAN標簽為塊級區域,無回車效果
可加border、color等屬性,P標簽中不要嵌套DIV標簽
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。