久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

      css選擇器的分類有哪些

      css選擇器的分類有:1、標(biāo)簽選擇器;2、類選擇器;3、ID選擇器;4、全局選擇器;5、組合選擇器;6、繼承選擇器;7、偽類選擇器;8、字符串匹配的屬性選擇符。

      css選擇器的分類有哪些

      本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

      css選擇器的種類是有很多的,下面我們就來看一看css選擇器的類型

      1、標(biāo)簽選擇器(如:body,p,p,ul,li)。

      2、類選擇器(如:class=“head”,class=“head_logo”) 。

      3、ID選擇器(如:id=“name”,id=“name_txt”)。

      4、全局選擇器(如:*號(hào))。

      5、組合選擇器(如:.head .head_logo,注意兩選擇器用空格鍵分開)。

      6、繼承選擇器(如:p p,注意兩選擇器用空格鍵分開)。

      7、偽類選擇器(如:就是鏈接樣式,a元素的偽類,4種不同的狀態(tài):link、visited、active、hover。)。

      8、字符串匹配的屬性選擇符(^ $ *三種,分別對(duì)應(yīng)開始、結(jié)尾、包含) 。

      上述八種css選擇器中最常用的css選擇器是標(biāo)簽選擇器、.類選擇器、ID選擇器、屬性選擇器、偽類選擇器。

      下面我們就分別對(duì)這五個(gè)css選擇器來舉一個(gè)例子:(其他選擇器例子可以參考css手冊(cè))

      (1)標(biāo)簽選擇器:

      <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style>         p{             color: red;             font-size: 20px;         }     </style> </head> <body>     <p>余生有你</p>     <p>幸得安喜</p> </body> </html>

      效果如下:

      css選擇器的分類有哪些

      (2).類選擇器:

      <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style>         .class1{             background-color: blue;         }         .class2{             background-color: brown;         }     </style> </head> <body>     <div class="class1">div</div>     <div class="class2">div</div>     <div class="class3">div</div> </body> </html>

      效果如下:

      css選擇器的分類有哪些

      (3)ID選擇器:

      <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style>         #class1{             background-color: blue;         }         #class2{             background-color: brown;         }     </style> </head> <body>     <div id="class1">div</div>     <div id="class2">div</div>     <div id="class3">div</div> </body> </html>

      效果如下:

      css選擇器的分類有哪些

      (4)屬性選擇器:

      <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style>                 div[id=class2]{             background-color: brown;         }     </style> </head> <body>     <div id="class1">div</div>     <div id="class2">div</div>     <div id="class3">div</div> </body> </html>

      效果如下:

      css選擇器的分類有哪些

      (5)偽類選擇器:

      <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style>         a:link{            color: brown;            background: cornsilk;         }         a:hover{            text-decoration: none;            color: rgb(252, 0, 0);         }         a:active{             background: rgb(202, 0, 175);             color: rgb(59, 59, 59);         }         a:visited{             color: brown;             background: cornsilk;         }     </style> </head> <body>     <a href="http://www.cctv.com">哈嘍,看我,你在干什么</a> </body> </html>

      效果:

      css選擇器的分類有哪些

      推薦學(xué)習(xí):css視頻教程

      贊(0)
      分享到: 更多 (0)
      網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)