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

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

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

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

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

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

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

嵌入式CSS樣式。

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

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

外部CSS樣式。

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

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

。

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

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

1。創(chuàng)建一個(gè)名為測試.html，用于解釋CSS如何在網(wǎng)頁中的文本下劃下劃線。

2. 在測試.html在文件中，使用P標(biāo)簽創(chuàng)建一行文本，文本內(nèi)容為“this is the test text”。

3. 在測試.html在文件中，將P label的ID屬性設(shè)置為TT，主要用來通過這個(gè)ID設(shè)置P元素的CSS樣式

4。在測試.html文件中，寫入<style type=“text/CSS”></style>標(biāo)記，頁面的CSS樣式將寫入標(biāo)記中。

5. 在測試.html在文件中的CSS標(biāo)記中，CSS樣式由元素名定義。接下來，CSS樣式將寫在花括號(hào)中。

6. 在CSS標(biāo)記中，將text decoration屬性設(shè)置為underline In curly braces，以實(shí)現(xiàn)文本加下劃線的效果。

7. 在瀏覽器中打開測試.html文件，查看實(shí)現(xiàn)效果。

【網(wǎng)頁設(shè)計(jì)】如何通過代碼添加水平線（下劃線）？

一般有兩種方式：

首先，通過CSS下劃線代碼：text-decoration:下劃線到設(shè)置文本下劃線。

示例演示如下：

1。示例代碼如下：

此時(shí)，頁面效果如下：

2。修改步驟1中的txt樣式并添加text-decoration:下劃線。

此時(shí)，頁面效果如下，下劃線出現(xiàn)。

2、通過設(shè)置div的邊框來實(shí)現(xiàn)效果：

示例如下：

在第一個(gè)方法的初始代碼中，添加兩個(gè)鍵樣式：border bottom:1px solid black和padding bottom:10px，如下所示：

此時(shí)頁面效果如下：