在網(wǎng)站設(shè)計技術(shù)中,DIV+CSS是目前最流行也是最實(shí)用的一種網(wǎng)頁的布局方法。與傳統(tǒng)中通過表格布局定位的方式不同,它可以實(shí)現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。另外,在網(wǎng)站優(yōu)化的優(yōu)勢方面,也深得大多數(shù)站長的喜愛。本文,東莞網(wǎng)站建設(shè)公司易捷網(wǎng)科技要總結(jié)的是CSS樣式的類型。
一般CSS 樣式可分為不同的類型,其中常用的樣式類型主要有3種,即HTML標(biāo)記樣式、類樣式與偽類樣式。
1.HTML標(biāo)記樣式
HTML標(biāo)記樣式用于重定義HTML標(biāo)記的格式。對于HTML中的各種標(biāo)記,如 P、TR、DIV、IMG、BODY 等,均可通過CSS樣式定義為相應(yīng)的格式。在創(chuàng)建或更改HTML標(biāo)記樣式后,頁面中所有使用相應(yīng)HTML標(biāo)記的內(nèi)容便具有與其對應(yīng)的HTML標(biāo)記樣式所定義的格式,如下例所示:
BODY {font-size: 9pt; color: #000099; background-color: #ffffff;}
2.類樣式
類樣式又稱為自定義樣式,其選擇符通常是以點(diǎn)號“.”開頭的某個合法的標(biāo)識符,如下例所示:
.center {text-align: center} /*文字居中*/
與HTML標(biāo)記樣式不同,類樣式可根據(jù)需要應(yīng)用于任意HTML標(biāo)記或元素。為此,只需在HTML標(biāo)記中通過class屬性指定相應(yīng)的類樣式即可,如下例所示:
<H1 class=”center”>這個標(biāo)題是居中排列的</H1>
<P class=”center”>這個段落也是居中排列的</P>
3.偽類樣式
偽類樣式是一種特殊的類樣式,主要用于將某個HTML元素區(qū)分不同的種類,其基本格式為:
選擇符:偽類{屬性:值}
例如,通過偽類樣式,可將鏈接區(qū)分為一般的鏈接(Ank)、已被訪問的鏈接(A:visited)、已被選中的鏈接(A:active)與鼠標(biāo)指向時的鏈接(A:hover),并分別進(jìn)行定義,如下例所示:
Ank {font-size: 9pt; text-decoration: underline; color: blue}
A:visited {font-size: 9pt; text-decoration: none; color: green}
A:active {font-size: 9pt; text-decoration: none; color: red}
A:hover {font-size: 9pt; text-decoration: underline; color: red}
需要注意的是,偽類樣式能自動地被支持CSS的瀏覽器所識別,因此無須使用HTML標(biāo)記的class屬性加以指定。
業(yè)務(wù)咨詢微信
華商首頁/ 營銷型網(wǎng)站/ 網(wǎng)站建設(shè)/ 外貿(mào)網(wǎng)站/ seo優(yōu)化/ 微信營銷/ 網(wǎng)站建設(shè)案例/ 網(wǎng)站建站資訊/ 關(guān)于我們/ 往期案例/ 往期資訊/ 服務(wù)項目/
熱門搜索:東莞網(wǎng)站建設(shè)東莞做網(wǎng)站東莞建網(wǎng)站
華商網(wǎng)絡(luò)專業(yè)為企業(yè)提供基礎(chǔ)互聯(lián)網(wǎng)建設(shè)服務(wù):網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計,微官網(wǎng)設(shè)計制作,小程序開發(fā)等等,您的選擇是我們奮力向前的最好動力!
版權(quán)所有:廣東華商網(wǎng)絡(luò)科技有限公司 備案號: 粵ICP備13071417號
今日已有165人獲取方案