網(wǎng)站設(shè)計制作中常見的幾種CSS樣式的類型

在網(wǎng)站設(shè)計技術(shù)中，DIV+CSS是目前最流行也是最實用的一種網(wǎng)頁的布局方法。與傳統(tǒng)中通過表格布局定位的方式不同，它可以實現(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標記樣式、類樣式與偽類樣式。

1．HTML標記樣式

HTML標記樣式用于重定義HTML標記的格式。對于HTML中的各種標記，如 P、TR、DIV、IMG、BODY 等，均可通過CSS樣式定義為相應(yīng)的格式。在創(chuàng)建或更改HTML標記樣式后，頁面中所有使用相應(yīng)HTML標記的內(nèi)容便具有與其對應(yīng)的HTML標記樣式所定義的格式，如下例所示：

BODY {font-size: 9pt; color: #000099; background-color: #ffffff;}

2．類樣式

類樣式又稱為自定義樣式，其選擇符通常是以點號“.”開頭的某個合法的標識符，如下例所示：

.center {text-align: center} /*文字居中*/

與HTML標記樣式不同，類樣式可根據(jù)需要應(yīng)用于任意HTML標記或元素。為此，只需在HTML標記中通過class屬性指定相應(yīng)的類樣式即可，如下例所示：

<H1 class=”center”>這個標題是居中排列的</H1>

<P class=”center”>這個段落也是居中排列的</P>

3．偽類樣式

偽類樣式是一種特殊的類樣式，主要用于將某個HTML元素區(qū)分不同的種類，其基本格式為：

選擇符:偽類{屬性:值}

例如，通過偽類樣式，可將鏈接區(qū)分為一般的鏈接（Ank）、已被訪問的鏈接（A:visited）、已被選中的鏈接（A:active）與鼠標指向時的鏈接（A:hover），并分別進行定義，如下例所示：

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標記的class屬性加以指定。