99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

CSS選擇符詳解

懶人圖庫 2008/4/21 23:27:42 深山行者 字體: 瀏覽 5486

一、類型選擇符

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

body {}
div {}
p {}
span {}
 
二、群組選擇符

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

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

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

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

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

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

其實id是對于XHTML標簽的擴展,而class是對SHTML多個標簽的一種組合,class直譯的意思是類或類別。
對于XHTML標簽使用class=""進行名稱指派。與id不同,class可以重復使用,對于多個樣式相同的元素,可以直接定義為一個class。
使用class的優(yōu)點已不言自明,它對CSS代碼重用性有良好的體現(xiàn),眾多的標簽均可以使用一個樣式來定義而不需要每一個編寫一個樣式代碼。
XHTML如下:

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

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

如果想同時使用id和class,也想同時使用標簽選擇符,可以使用如下的方式:

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

七、組合選擇符

對于上面的所有選擇符而言,進行組合使用。如下:

h1 .p1 {}
/*表示h1下的所有class為p1的標簽*/
#content h1 {}
表示id為content的標簽下的所有h1標簽
h1 .p1,#content h1 {}
/*表示h1下的所有class為p1的標簽以及id為content的標簽下的所有h1標簽*/
h1#content h2{}
/*id為content的h1標簽下的h2標簽*/
 
CSS選擇符是非常自由與靈活的,可以根據(jù)頁面的需要,使用各種選擇符,盡量結(jié)構(gòu)化與優(yōu)化CSS文件.

相關(guān)閱讀
怎樣增加網(wǎng)站外鏈接和注意事項
你們這個系統(tǒng)太專業(yè),很復雜?
06 iis中Server Application Error問題如何修復
CSS設(shè)計符合Web標準的網(wǎng)頁表單的幾個技巧
根據(jù)頁面模板動態(tài)生成html頁面
隨心所欲的定制彈出窗口
深山行者留言系統(tǒng)V2.3
利用CSS中的float屬性實現(xiàn)文字環(huán)繞圖片的效果
共有0條關(guān)于《CSS選擇符詳解》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設(shè)置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
深山工作室
鼠標經(jīng)過表格列時變色
網(wǎng)頁中自動換行問題
襄陽康輝國際旅行社
旅行社網(wǎng)站模板默認風格6
超強的中間自適應,左右固定,有許多值得學習的地方
主站蜘蛛池模板: 综合久久av| 国产高清视频一区 | 欧美一级一区 | 久久久人成影片免费观看 | 国产精品第一区 | 欧美成人精品一区二区男人看 | 性欧美精品久久久久久久 | 国产日韩欧美 | 欧美一区免费 | 亚洲一区中文字幕 | 国产精品久久久久久久午夜片 | 国产日韩欧美一二三区 | 久久久久99 | 欧美色欧美亚洲另类七区 | 久久免费精品视频 | 国产香蕉视频在线播放 | 欧美伦理一区二区三区 | 精品一区二区6 | 色日韩| 精品一区二区免费视频视频 | 91亚洲免费视频 | 日本一区二区三区免费观看 | 青春草国产免费福利视频一区 | 国产精品不卡一区 | 日韩免费 | 日韩欧美视频一区 | 日本一区二区在线免费 | 午夜精品久久久久久久久 | 日韩一区不卡 | 成人网18免费网站 | 久久综合成人精品亚洲另类欧美 | 成人日韩在线观看 | 国产99在线 | 亚洲 | 91中文在线观看 | 日韩av免费在线观看 | 可以在线观看的黄色 | 午夜视频国产 | 日日干,天天干 | 亚洲精品久久久久中文字幕欢迎你 | 国产亚洲精品精品国产亚洲综合 | 久草精品在线观看 |