CSS是Cascading Style Sheet 層疊樣式表或級聯樣式表，簡稱“樣式表”，利用樣式可以定義頁面的樣式，大大減少網頁的設計作業量，也可以美化頁面，精準定制頁面的布局，
CSS3樣式的優勢：
1.豐富的修飾樣式
2.內容與修飾分離，利于專案開發
3.實作樣式復用，提高開發效率
4.實作頁面的精確控制，
一、CSS基礎
一個樣式的基本語法由選擇器、屬性、屬性值3部分組成層疊樣式表通常用<style></style>來宣告樣式規則，即告訴瀏覽器如何正確的頁面中的各類元素
語法：
<style type="text/css">
選擇器{
屬性1:屬性值1;
屬性2:屬性值2;
......
}
</style>
示例：
<style type="text/css">
p{
font-size: 100px;
}
</style>
CSS樣式的代碼有以下規范：
1.雖然css代碼不區分大小寫，但推薦全用小寫，
2.每條樣式規則用分號“;”隔開，通常寫為多行，簡單的規則也可以合并為一行，
3.當css代碼較多時，可以使用“/*....*/”添加必要的注釋，增加代碼的可讀性，
CSS樣式根據書寫位置不同，可以分為：外部樣式、內嵌樣式、行內樣式3種:
1.外部樣式
1.1 鏈接外部樣式：
通過HTML的link標簽，建立樣式檔案和網頁的關聯，樣式檔案的后綴名為 .css
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
1.2 匯入樣式表：
在網頁中可以通過@import的方式匯入樣式表
<head>
<style type="text/css">
@import "css/style.css";
</style>
</head>
2.內嵌樣式：
將樣式表的內容直接放置于HTML5的<head></head>的區域內，通過<style></style>標簽定義，在實際開發中建議使用外鏈樣式，
語法：
<head>
<style type="text/css">
選擇器{
屬性1:屬性值1;
屬性2:屬性值2;
......
}
</style>
</head>
示例：
<!--內嵌樣式-->
<style type="text/css">
p{
font-size: 100px;
}
</style>
3.行內樣式：
是混合在HTML5標簽中定義的，用這種方法可以直接對某個元素定義樣式，行內樣式在直接在H5的標簽中加入style屬性，其內容式CSS3的屬性和屬性值，
語法：
<標簽名 style="樣式屬性:屬性值;"></標簽名>
示例：
<p style="color: red;">天涼好個秋！</p>
二、CSS選擇器
要將CSS作用于某個HTML元素，首先要找到該元素，在CSS中，通過使用不同的選擇器來實作將CSS作用于指定的HTML元素，CSS中的常用選擇器有標簽選擇器、id選擇器、類選擇器、屬性選擇器、后代選擇器、關系選擇器、通配符選擇器、標簽指定式選擇器和偽類選擇器，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/304536.html
標籤：其他