? ? 什么是CSS
定義:重疊樣式表,控制頁面和布局
CSS樣式
所有的標簽都有一個默認樣式
內聯式 ? ?在行內寫style樣式
內嵌式 ?在head內嵌套style
外聯CSS樣式 ? ?rel指定Html與css的文本樣式,href 是連接外部樣式表的
導入樣式表 ? ? ?@import url(main.css) ? //將css樣式表導入到當前的位置,且放在所 ? ? ? ? ? ? ? ? ? ? ? ?有樣式設置之前
CSS語法
color:前景色 background-color:背景色
width/height ? 設置div的寬度/高度
塊注釋
/*start*/
塊內容
/*end*/
*{ font-size: 16px; } ? ? ? ?//通配符選擇器,*代表選擇當的頁面中的所有的標簽
#id .class類(選擇器)
一個id地址只可在網頁設置中出現一次(id標簽設置不能是標簽名),類標簽可以多次選擇(類標簽也可以一次選擇多個類) ? ? /*頁面開發建議多使用class類 ,當確定只會出現一次時時用id選擇器*/
CSS復合選擇器
h3.purple-black{} ? ? //是指即是h3標簽又有.purple-black屬性
.box li{ color: green;} ? ?//類.box對應下的li標簽的后代選擇器
div li{} ? ? ? ? //div對應下的li標簽的后代選擇器
.class,h3{ color:green;} ? //并集選擇器,類class和h3標簽有共同的屬性
h > p ? ? ? ? ?//h 標簽下的所有p標簽都有該屬性,若低一級別的則沒有
優先權 ? ? ? ? ?//誰的權重優先,顯示誰的
屬性選擇器
h1[id][class] ? ? ?把同時擁有id 和class屬性的h1標簽給篩選出來
偽類
:link/:hover/:visited ?超鏈接未訪問/鼠標懸掛/訪問過的超鏈接