XXX2高清在线观看免费视频,free国产粉嫩熟妇xxxhd,亚洲欧美日韩在线不卡,久久久精品人妻一区二区三区蜜桃

青島網(wǎng)站建設(shè)公司,青島網(wǎng)站制作公司-奈薇建站網(wǎng)
建站咨詢熱線:0532-88781131、15166683288 
知識(shí)普及 ? CSS選擇符詳解

CSS選擇符詳解

奈薇建站網(wǎng) 2010-03-03 22:15發(fā)表
閱讀次數(shù) 3454

一、類型選擇符

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

body {}
div {}
p {}  轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
span {}
 
二、群組選擇符

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

h1,h2,h6,p,span
{
font-size:12px;
color:#FF0000;
font-family: arial;
}
 
三、包含選擇符
對(duì)某對(duì)象中的子對(duì)象進(jìn)行樣式指點(diǎn)定,這樣選擇方式就發(fā)揮了作用。
需要注意的是,僅對(duì)此對(duì)象的子對(duì)象標(biāo)簽有效,對(duì)于其它單獨(dú)存在或位于此對(duì)象以外的子對(duì)象,不應(yīng)用此樣式設(shè)置。
這樣做的優(yōu)點(diǎn)在于,幫我們避免過多的id、class設(shè)置,直接對(duì)所需的元素進(jìn)行定義。
如下:

h2 span
{
color:red;
}
如下:
body h1 span strong
{
font-weight:bold;
}
 
四、id選擇符

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

<div id="content"></div>
 
CSS如下:

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

其實(shí)id是對(duì)于XHTML標(biāo)簽的擴(kuò)展,而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è)樣式來定義而不需要每一個(gè)編寫一個(gè)樣式代碼。
XHTML如下:

<p class="he"></p>
<span class="he"></span>
<h5 class="he"></h5>
 
CSS如下:

.he
{
margin:10px;
background-color:red;
}
 
六、標(biāo)簽指定式的選擇符

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

h1#content {}
/*表示所有id為content的h1標(biāo)簽*/
h1.p1 {}
/*表示所有class為p1的h1標(biāo)簽*/
 
標(biāo)簽指定式選擇符的精度介于標(biāo)簽選擇符及id/class選擇符之間,是常用的選擇符之一。

七、組合選擇符

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

h1 .p1 {}
/*表示h1下的所有class為p1的標(biāo)簽*/
#content h1 {}
表示id為content的標(biāo)簽下的所有h1標(biāo)簽
h1 .p1,#content h1 {}
/*表示h1下的所有class為p1的標(biāo)簽以及id為content的標(biāo)簽下的所有h1標(biāo)簽*/
h1#content h2{}
/*id為content的h1標(biāo)簽下的h2標(biāo)簽*/  轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
 
CSS選擇符是非常自由與靈活的,可以根據(jù)頁(yè)面的需要,使用各種選擇符,盡量結(jié)構(gòu)化與優(yōu)化CSS文件.
 


相關(guān)熱點(diǎn)推薦
網(wǎng)頁(yè)的面包屑導(dǎo)航
建設(shè)網(wǎng)站的目標(biāo)及優(yōu)勢(shì)
網(wǎng)絡(luò)營(yíng)銷之電子郵件營(yíng)銷
網(wǎng)頁(yè)設(shè)計(jì)制作應(yīng)注意的問
企業(yè)網(wǎng)站分類
網(wǎng)站優(yōu)化十大方法-基本
響應(yīng)式網(wǎng)站在企業(yè)網(wǎng)站中
網(wǎng)站設(shè)計(jì)中的色彩
快照又回到以前的了,是
從幾個(gè)文學(xué)網(wǎng)站談文學(xué)網(wǎng)
產(chǎn)品設(shè)計(jì)師的提升第一篇
網(wǎng)站首頁(yè)所應(yīng)該達(dá)到的幾
觸屏界面的按鈕文本設(shè)計(jì)
交互設(shè)計(jì)小貼士
分析網(wǎng)站建設(shè)的特點(diǎn)
奈薇建站網(wǎng)配套網(wǎng)站服務(wù)
交互設(shè)計(jì)模式——分頁(yè)
中小企業(yè)行之有效的網(wǎng)絡(luò)
企業(yè)微網(wǎng)站的商業(yè)價(jià)值及
中小企業(yè)網(wǎng)站建設(shè)技巧總
在青島做一個(gè)公司網(wǎng)站多
談搜索引擎影響網(wǎng)站收錄
探討運(yùn)用seo技術(shù)做網(wǎng)
八個(gè)優(yōu)秀的圖片和圖標(biāo)的
通過robots.tx
青島網(wǎng)站改版的公司哪家
青島網(wǎng)站制作支持舊IE
如何處理好網(wǎng)站設(shè)計(jì)的細(xì)
產(chǎn)品設(shè)計(jì)的模糊前期
奈薇建站網(wǎng)科技2017
搜索引擎蜘蛛理解相關(guān)性
網(wǎng)站的表單設(shè)計(jì)要點(diǎn)
外貿(mào)企業(yè)網(wǎng)站怎樣才能得
與用戶體驗(yàn)的這兩年
運(yùn)用什么技巧使用戶喜歡
網(wǎng)站設(shè)計(jì)中程序員和美工
Tab(選項(xiàng)卡)的產(chǎn)品
從精簡(jiǎn)導(dǎo)航談小型網(wǎng)站的
如今虛擬外鏈對(duì)我們的作
網(wǎng)頁(yè)設(shè)計(jì)中的版式原理-
奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司,專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù),同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū):青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶
建站咨詢熱線0532-88781131 15166683288 18562723728
版權(quán)所有© BangJianZhan.Com & Nev.Cn 青島網(wǎng)站建設(shè)/網(wǎng)站制作公司
青島雨后網(wǎng)絡(luò)科技有限公司 - 青島市市北區(qū)福州北路90號(hào),景泰尚都6層
已經(jīng)為您服務(wù)了
208個(gè)月 12