網站設計制作中常見的幾種CSS樣式的類型

2019-11-11

次

在網站設計技術中，DIV+CSS是目前最流行也是最實用的一種網頁的布局方法。與傳統中通過表格布局定位的方式不同，它可以實現網頁頁面內容與表現相分離。另外，在網站優化的優勢方面，也深得大多數站長的喜愛。本文，東莞網站建設公司易捷網科技要總結的是CSS樣式的類型。

一般CSS 樣式可分為不同的類型，其中常用的樣式類型主要有3種，即HTML標記樣式、類樣式與偽類樣式。

1．HTML標記樣式

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

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

2．類樣式

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

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

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

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

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

3．偽類樣式

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

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

例如，通過偽類樣式，可將鏈接區分為一般的鏈接（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屬性加以指定。

金莲你下面好窄好爽馒头武松_美女啪啪国产_看看免费a一片欧_美女张开腿让人捅