主要探討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>鏈接。