av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

七大CSS選擇符使用秘訣

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

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

CSS選擇符說(shuō)明

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

一、類型選擇符

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

body{}

div{}

p{}

span{}

二、群組選擇符

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

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

三、包含選擇符

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

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

四、id選擇符

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

 
 
 
 
  •  
  • CSS如下:  
  •  
  • #content  
  • {  
  • font-size:14px;  
  • line-height:120%;  
  • }  
  • #p#五、class選擇符

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

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

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

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

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

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

    七、組合選擇符

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

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

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

    【編輯推薦】

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

    網(wǎng)站標(biāo)題:七大CSS選擇符使用秘訣
    當(dāng)前URL:http://uogjgqi.cn/article/djesgpj.html
    掃二維碼與項(xiàng)目經(jīng)理溝通

    我們?cè)谖⑿派?4小時(shí)期待你的聲音

    解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流