CSS層疊樣式表理解

   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 鼠標被按下時的狀態*/


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章