CSS層疊樣式表
css 層疊樣式表 屬於標記型語音
cssDIV + CSS是WEB設計標準,是一種網頁佈局方法
樣式分類
行內樣式(位於HTML標籤體內部)
<div style=“樣式代碼”>其</div>
內聯樣式(位於head標籤內)
<style type=“text/css”>樣式代碼</style>
外部樣式(外部文件+link引入)
<link href=“樣式文件URL” rel=“stylesheet” type=“css/text” />
選擇器
標籤選擇器(標籤名{} body{ ...})
類class選擇器(.class名{})
id選擇器(#id名{})
複合選擇器(交集選擇、並集選擇、後代選擇)
通用選擇器(*{
margin: 0;
padding: 0;
})
2.4 交集選擇器(緊挨着是交集)
注意:表這幾個選擇器同時被滿足了的那一類元素。交集選擇器不會出現 標籤交標籤的情況。所以把標籤寫在前面。其他的寫在後面
2.5 並集選擇器(,表示並集)
div,p,.green{
background:
#ffff00;
}
注意:滿足這裏面某一個選擇器的元素都可以被選上。
2.6 後代選擇器(空格表示後代)
/*後代選擇器*/
div p{
color:red;
}
div div p{
color: #ec50a4;
}
div a{
/*去掉下劃線*/
text-decoration:none;
}
元素可以通過父級的元素來選擇到自己(自己幹不過了,就讓父親來撐場面。)如果父級元素一樣,還可以通過更上級的元素來選擇到(父親也幹不過了,祖父也來撐場面了)。可以跨級選擇到元素(可以不要父親,只要爺爺)
超鏈接選擇器( a{}、a:link{}、a:visited{}、a:hover{}a:active{} )
/*link 未點擊 visited 點擊過了的 hover 鼠標放在上面未點擊 active 鼠標被按下時的狀態*/