亚洲一区二区观看播放-疯狂做受xxxx高潮欧美日本-国产极品粉嫩泬免费观看-暖暖www视频免费高清最新期

Web前端知識(shí)

首頁 > 免費(fèi) > Web前端知識(shí) >

WEB前端之css樣式選擇器

來源:北京匯仁智杰科技有限公司   時(shí)間:2016-04-13   點(diǎn)擊: 次

  最近匯仁智杰小編在在學(xué)習(xí)css樣式。那么我就想先整理一下css樣式的選擇器,希望對(duì)同是在學(xué)習(xí)的你來說能夠有所幫助。
  規(guī)則結(jié)構(gòu):
  每個(gè)規(guī)則都有兩個(gè)基本部分:選擇器和聲明塊。聲明塊由一個(gè)或者多個(gè)聲明組成,每個(gè)聲明則是一個(gè)屬性—值對(duì)(property-value)
  1、元素選擇器
  *  通用元素選擇器,匹配任何元素  *{margin:0;padding:0};
  x  標(biāo)簽選擇器  h1{color:#000},p{color:#000};
  .info   class選擇器   .info{background-color:red};
  #target  ID選擇器   #target{font-size:15px};
  2、選擇器分組
   x,y   多元素選擇器  x,y{font-weight:bold};
   x y   后代選擇器   x y{display:inline};
   x>y  子元素選擇器   x>y{color:#333};
   x+y   相鄰元素選擇器 x+y{color:#ddd};
  說明:
  還有個(gè)更為高級(jí)的CSS選擇器模塊,早在CSS2完成之后就發(fā)布了。其中包含更多的部分值屬性選擇器又稱之為“子串匹配屬性選擇器”。
  3、子串匹配屬性選擇器
  [x^=“y”] 選擇屬性以x開頭的y的所有元素;
  [x$=“y”] 選擇屬性以x結(jié)尾的y的所有元素;
  [x*=“y”] 選擇屬性以x包含子串的y的所有元素;
  4、偽類選擇器
  :link  指示為超鏈接(有一個(gè)href屬性)并指向一個(gè)未訪問地址的所有錨鏈接。
  :visited  指示為已訪問的地址超鏈接所有的錨鏈接
  5、動(dòng)態(tài)偽類
  :focus  指示為當(dāng)前擁有輸入焦點(diǎn)的元素。也就是可以接受鍵盤輸入或者可以以某種方式激活的元素;
  :hover  指示為鼠標(biāo)指針停留在某個(gè)元素上。例如鼠標(biāo)停留在超鏈接上。字體會(huì)由黑色變?yōu)榧t色;
  :active  指示為被用戶輸入激活的元素。例如鼠標(biāo)指針在超鏈接上后。當(dāng)用鼠標(biāo)點(diǎn)擊這個(gè)鏈接后。就會(huì)激活這個(gè):active

網(wǎng)絡(luò)營(yíng)銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:15201492965
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號(hào)-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營(yíng)銷型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號(hào):京ICP備15021091號(hào)-1 版權(quán)所有:匯仁智杰