主頁(yè) > 知識(shí)庫(kù) > 巧妙地使用CSS選擇器

巧妙地使用CSS選擇器

熱門(mén)標(biāo)簽:ai電話機(jī)器人效果差 南山電話機(jī)器人 隨州外呼系統(tǒng)廠家 快速更改地圖標(biāo)注點(diǎn)標(biāo) 地圖標(biāo)注樓盤(pán) 沈陽(yáng)400電話辦理多少錢(qián) 南昌電話機(jī)器人系統(tǒng) 地圖標(biāo)注微信好友 蘇州做電話機(jī)器人
可以通過(guò)不同規(guī)則來(lái)定義不同內(nèi)容塊里的鏈接樣式。類(lèi)似這樣:#nav a:link或者 #main a:link或者#footer a:link。也可以定義不同內(nèi)容塊中相同元素的樣式不一樣。例如,通過(guò)#main p和#sider p分別定義#main p和#sider p的樣式。從結(jié)構(gòu)上講,你的頁(yè)面是由圖片、鏈接、列表、段落等組成的,這些元素本身并不會(huì)對(duì)顯示在什么網(wǎng)絡(luò) 設(shè)備中(PDA還是手機(jī)或者網(wǎng)絡(luò)電視)有影響,它們可以被定義為任何的表現(xiàn)外觀。 

  一個(gè)仔細(xì)結(jié)構(gòu)化的HTML頁(yè)面非常簡(jiǎn)單,每一個(gè)元素都被用于結(jié)構(gòu)目的。當(dāng)你想縮進(jìn)一個(gè)段落,不需要使用blockquote標(biāo)簽,只要使用p標(biāo)簽,并對(duì)p 加一個(gè)CSS的text-indent規(guī)則就可以實(shí)現(xiàn)縮進(jìn)目的。p是結(jié)構(gòu)化標(biāo)簽,text-indent是表現(xiàn)屬性,前者屬于HTML,后者屬于CSS。(這就是傳說(shuō)中的結(jié)構(gòu)與表現(xiàn)相分離) 

  良好結(jié)構(gòu)的HTML頁(yè)面內(nèi)幾乎沒(méi)有表現(xiàn)屬性的標(biāo)簽。代碼非常干凈簡(jiǎn)潔。例如,原先的代碼table width="778" cellpadding="3" border="0" align="center">,現(xiàn)在可以只在HTML中寫(xiě)table id="MrJin">,所有控制表現(xiàn)的東西都寫(xiě)到CSS中去,在結(jié)構(gòu)化的HTML中, table就是表格,而不是其他什么(更不能被用來(lái)布局和定位)。 

  當(dāng)然,CSS選擇器不只是這么簡(jiǎn)單,除了id還有class還有后代選擇器,屬性選擇器等等。

標(biāo)簽:濰坊 濰坊 昭通 玉樹(shù) 石家莊 商洛 大同 深圳

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《巧妙地使用CSS選擇器》,本文關(guān)鍵詞  巧妙,地,使用,CSS,選擇器,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《巧妙地使用CSS選擇器》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于巧妙地使用CSS選擇器的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章