在HTML中，樣式表按照應(yīng)用方式可分為哪種類(lèi)型呢？其中不包括什么呢？CSS樣式分為：內(nèi)聯(lián)CSS樣式、嵌入式CSS樣式、外部CSS樣式、不含類(lèi)樣式表定義三種CSS樣式及其實(shí)例：內(nèi)聯(lián)CSS樣式。內(nèi)聯(lián)CSS

在HTML中，樣式表按照應(yīng)用方式可分為哪種類(lèi)型呢？其中不包括什么呢？

CSS樣式分為：內(nèi)聯(lián)CSS樣式、嵌入式CSS樣式、外部CSS樣式、不含類(lèi)樣式表

定義三種CSS樣式及其實(shí)例：

內(nèi)聯(lián)CSS樣式。

內(nèi)聯(lián)CSS樣式表是直接在現(xiàn)有HTML標(biāo)記中編寫(xiě)CSS代碼，例如以下代碼：

CSS樣式代碼應(yīng)使用style=“”雙引號(hào)編寫(xiě)。如果有多個(gè)CSS樣式的代碼設(shè)置，可以用分號(hào)（英文）將它們寫(xiě)在一起。

嵌入式CSS樣式。

嵌入式CSS樣式可以在標(biāo)記之間編寫(xiě)CSS樣式代碼。例如，下面的代碼將三個(gè)標(biāo)簽中的文本設(shè)置為紅色：

embedded CSS style必須在這三個(gè)標(biāo)簽之間寫(xiě)入，而embedded CSS style通常在這三個(gè)標(biāo)簽之間寫(xiě)入。

外部CSS樣式。

External CSS style（也稱為External style）是將CSS代碼寫(xiě)入一個(gè)單獨(dú)的外部文件中，其中包含“。CSS”作為擴(kuò)展（也可以用來(lái)調(diào)用其他網(wǎng)站的CSS）。

注意事項(xiàng)：主.css

。

2. Rel=“stylesheet”type=“text/CSS”是固定的，不能修改。

3. 標(biāo)簽位置通常寫(xiě)在標(biāo)簽上

1。CSS代碼更少

我們可以用普通樣式類(lèi)中的值來(lái)定義屬性，并且我們可以在不同的位置使用同一個(gè)類(lèi)，這樣我們可以用更少的代碼來(lái)實(shí)現(xiàn)更多的功能。更少的代碼意味著更少的帶寬消耗和易于維護(hù)的內(nèi)容。

2、易于維護(hù)

當(dāng)我們?nèi)只蚬餐x樣式時(shí)，任何更改都變得易于操作。例如，在網(wǎng)站中，我們使用特定的樣式屬性來(lái)顯示所有產(chǎn)品的名稱?，F(xiàn)在，通過(guò)在外部樣式表中更改產(chǎn)品名稱的樣式類(lèi)，我們可以在整個(gè)站點(diǎn)中更改樣式。我們可以保留多個(gè)樣式表，并根據(jù)需要使用它們。使用屬性繼承方法，可以輕松地維護(hù)同一標(biāo)記的不同樣式。

3、具有更高代碼（標(biāo)簽）比率的內(nèi)容

我們可以使用CSS實(shí)現(xiàn)頁(yè)面中更高代碼比率的內(nèi)容，因?yàn)槲覀兛梢詫邮铰暶鬓D(zhuǎn)換為外部文件。這對(duì)于搜索引擎來(lái)說(shuō)非常重要。我們可以為spider提供更少的標(biāo)簽（樣式標(biāo)簽）和更多的內(nèi)容來(lái)索引。

4、下載頁(yè)面

當(dāng)瀏覽器緩存樣式表頁(yè)面時(shí)，頁(yè)面加載速度很快。每次使用相同CSS的同一站點(diǎn)的不同頁(yè)面時(shí)，不會(huì)從服務(wù)器加載樣式類(lèi)。

5、定義樣式的靈活性

名稱層疊意味著我們可以使用多種樣式并優(yōu)先使用本地樣式。我們可以重寫(xiě)聲明的全局樣式，并將該樣式本地分配給標(biāo)記。

本文介紹使用CSS樣式表的優(yōu)點(diǎn)，希望對(duì)有需要的朋友有所幫助

！以上是使用CSS樣式表的好處。更多詳情請(qǐng)關(guān)注PHP中文網(wǎng)的其他相關(guān)文章

！中國(guó)網(wǎng)