古詩詞大全網 - 成語大全 - 創建CSS樣式表的三種方式?

創建CSS樣式表的三種方式?

主要探討HTML5中CSS(層疊樣式表),它是用來對HTML文檔外觀的表現形式進行排版和格式化。

使用CSS

CSS樣式由壹條或多條以分號隔開的樣式聲明組成。每條聲明的樣式包含著壹個CSS屬性和屬性值。

<p style="color:red;font-size:50px;">這是壹段文本</p>

解釋:style是行內樣式屬性。color是顏色屬性,red是顏色屬性值;font-size是字體大小屬性,50px是字體大小屬性值。

三種方式

創建CSS樣式表有三種方式:1.元素內嵌樣式;2.文檔內嵌樣式;3.外部引入樣式。

1.元素內嵌樣式

<p style="color:red;font-size:50px;">這是壹段文本</p>

解釋:即在當前元素使用style屬性的聲明方式。

2.文檔內嵌樣式

<styletype="text/css">

p{

color:blue;

font-size:40px;

}

</style>

<p>這是壹段文本</p>

解釋:在<head>元素之間創建<style>元素,通過選擇器的方式調用指定的元素並設置相關CSS。

3.外部引用樣式

<linkrel="stylesheet"type="text/css"href="style.css">

//style.css

@charset"utf-8";

p{

color:green;

font-size:30px;

}

解釋:很多時候,大量的HTML頁面使用了同壹個組CSS。那麽就可以將這些CSS樣式保存在壹個單獨的.css文件中,然後通過<link>元素去引入它即可。@charset"utf-8"表明設置CSS的字符編碼,如果不寫默認就是utf-8。北京電腦培訓認為如果有多個.css文件,可以使用@import導入方式引入.css文件。只不過,性能不如多個<link>鏈接。