日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
七大CSS選擇符使用秘訣

本文向大家描述一下CSS選擇符的使用，主要包括類型選擇符、群組選擇符、包含選擇符等七種CSS選擇符，比如類型選擇符，它是指以網(wǎng)頁中已有的標(biāo)簽類型作為名稱的行徑符。body是網(wǎng)頁中的一個(gè)標(biāo)簽類型，div,p,span都是。

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括開平網(wǎng)站建設(shè)、開平網(wǎng)站制作、開平網(wǎng)頁制作以及開平網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，開平網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到開平省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

CSS選擇符說明

這里介紹CSS的幾個(gè)選擇符，主要包括類型選擇符、群組選擇符、包含選擇符、id選擇符、class選擇符、標(biāo)簽指定式的選擇符、組合選擇符，下面對這些選擇符一一做介紹：

一、類型選擇符

什么是類型選擇符？指以網(wǎng)頁中已有的標(biāo)簽類型作為名稱的行徑符。body是網(wǎng)頁中的一個(gè)標(biāo)簽類型，div,p,span都是。
如下：

body{}

div{}

p{}

span{}

二、群組選擇符

對于XHMTL對象，可以對一組同時(shí)進(jìn)行了相同的樣式指派。用逗號對選擇符進(jìn)行了分隔，這樣書寫的優(yōu)點(diǎn)在于同樣的樣式只需要書寫一次即可，減少代碼量，改善CSS代碼結(jié)構(gòu)。
使用時(shí)應(yīng)該注意"逗號"是在半角模式下，并非中文全角模式。
如下：

 
 
 
      
  
  
  1. h1,h2,h6,p,span  
    2.   
  
  
  2. {  
    3.   
  
  
  3. font-size:12px;  
    4.   
  
  
  4. color:#FF0000;  
    5.   
  
  
  5. font-family:arial;  
    6.   
  
  
  6. }  
    7.   
  
  
  7.  
    8.

三、包含選擇符

對某對象中的子對象進(jìn)行樣式指點(diǎn)定，這樣CSS選擇符選擇方式就發(fā)揮了作用。需要注意的是，僅對此對象的子對象標(biāo)簽有效，對于其它單獨(dú)存在或位于此對象以外的子對象，不應(yīng)用此樣式設(shè)置。
這樣做的優(yōu)點(diǎn)在于，幫我們避免過多的id、class設(shè)置，直接對所需的元素進(jìn)行定義。
如下：

 
 
 
      
  
  
  1. h2span  
    2.   
  
  
  2. {  
    3.   
  
  
  3. color:red;  
    4.   
  
  
  4. }  
    5.   
  
  
  5. 如下：  
    6.   
  
  
  6. bodyh1spanstrong  
    7.   
  
  
  7. {  
    8.   
  
  
  8. font-weight:bold;  
    9.   
  
  
  9. }  
    10.   
  
  
  10.  
    11.

四、id選擇符

根據(jù)DOM文檔對象模型原理所出現(xiàn)的選擇符，對于一個(gè)XHTML文件，其中的每一個(gè)標(biāo)簽都可以使用一個(gè)id=""的形式進(jìn)行一個(gè)名稱指派，但需要注意，在一個(gè)XHTML文件中id是具有***性而不可以重復(fù)的。
在divcss布局的網(wǎng)頁中，可以針對不同的用途進(jìn)行命名，如頭部為header、底部為footer。
XHTML如下：
 
  •  
  • CSS如下：  
  •  
  • #content  
  • {  
  • font-size:14px;  
  • line-height:120%;  
  • }  

    • #p#五、class選擇符

    其實(shí)id是對于XHTML標(biāo)簽的擴(kuò)展，而CSS選擇符中的class是對SHTML多個(gè)標(biāo)簽的一種組合，class直譯的意思是類或類別。
    對于XHTML標(biāo)簽使用class=""進(jìn)行名稱指派。與id不同，class可以重復(fù)使用，對于多個(gè)樣式相同的元素，可以直接定義為一個(gè)class。
    使用class的優(yōu)點(diǎn)已不言自明，它對CSS代碼重用性有良好的體現(xiàn)，眾多的標(biāo)簽均可以使用一個(gè)樣式來定義而不需要每一個(gè)編寫一個(gè)樣式代碼。
    XHTML如下：

     
 
 
        
  
  
    1.  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5. CSS如下：  
      6.   
  
  
    6.  
      7.   
  
  
    7. .he  
      8.   
  
  
    8. {  
      9.   
  
  
    9. margin:10px;  
      10.   
  
  
    10. background-color:red;  
      11.   
  
  
    11. }  
      12.   
  
  
    12.  
      13.

     六、標(biāo)簽指定式的選擇符

    如果想同時(shí)使用CSS選擇符中的id和class，也想同時(shí)使用標(biāo)簽選擇符，可以使用如下的方式：

     
 
 
        
  
  
    1. h1#content{}  
      2.   
  
  
    2. /*表示所有id為content的h1標(biāo)簽*/  
      3.   
  
  
    3. h1.p1{}  
      4.   
  
  
    4. /*表示所有class為p1的h1標(biāo)簽*/  
      5.   
  
  
    5.  
      6.

    標(biāo)簽指定式選擇符的精度介于標(biāo)簽選擇符及id/class選擇符之間，是常用的選擇符之一。

    七、組合選擇符

    對于上面的所有選擇符而言，進(jìn)行組合使用。如下：

     
 
 
        
  
  
    1. h1.p1{}  
      2.   
  
  
    2. /*表示h1下的所有class為p1的標(biāo)簽*/  
      3.   
  
  
    3. #contenth1{}  
      4.   
  
  
    4. 表示id為content的標(biāo)簽下的所有h1標(biāo)簽  
      5.   
  
  
    5. h1.p1,#contenth1{}  
      6.   
  
  
    6. /*表示h1下的所有class為p1的標(biāo)簽以及id為content的標(biāo)簽下的所有h1標(biāo)簽*/  
      7.   
  
  
    7. h1#contenth2{}  
      8.   
  
  
    8. /*id為content的h1標(biāo)簽下的h2標(biāo)簽*/  
      9.   
  
  
    9.  
      10.

    CSS選擇符是非常自由與靈活的，可以根據(jù)頁面的需要，使用各種選擇符，盡量結(jié)構(gòu)化與優(yōu)化CSS文件.

    【編輯推薦】

    1. DIV CSS網(wǎng)站布局八個(gè)小技巧
    2. JavaScript動態(tài)創(chuàng)建div屬性和樣式
    3. DIV CSS建站對瀏覽器兼容性和注意事項(xiàng)
    4. CSS2.0中page-break-after屬性用法
    5. 解讀DIV CSS網(wǎng)頁布局中CSS無效十個(gè)原因

    分享文章：七大CSS選擇符使用秘訣
    轉(zhuǎn)載來于：http://www.5511xx.com/article/djesgpj.html