標籤：16px 原則 2.3 text 顏色 round char class 標籤
1.css的文法
1.1位置
<head>
<style type="text/css"
//css代碼
</style>
</head>
1.2文法
選取器{屬性值1：屬性值1；
屬性值2：屬性值2；
}
例：
h1{
font:size:12px; --字型大小
color：red； --字型顏色
注意：多個屬性用分號分隔
2.選取器
2.1標籤選取器
文法：
標籤名{
...
}
2.2類別選取器
文法：
.class屬性值{
....
}
步驟：
第一步：給指定的html標籤加上class屬性
第二步：在stlye中寫
.class屬性值{
.....
}
2.3id選取器
文法：
#id屬性值{
.....
}
步驟：
第一步：給指定的html標籤加上id屬性
第二步：在style中寫
#id屬性值{
....
}
3.引用樣式的方法
3.1行內樣式
使用style屬性引入樣式
例：<h1 style="font-size: 60px;color: chartreuse;">進進進進</h1>
3.2內部樣式表
在head中寫style
例：h1{
xxx
}
3.3外部樣式表
把css代碼儲存在css結尾的檔案中（層疊樣式檔案）
把css引入html
引入方法有兩種：
第一種：連結方式
<link rel="stylesheet" href="檔案路徑" type="text/css"/>
第二種：匯入方式
<style>
@import url("檔案路徑");
</style>
4.優先順序
行內樣式>內部樣式>外部樣式（就近原則）
id選取器>class選擇>標籤選取器
5交集選取器
標籤選取器（class選取器|id選取器）{
....
}
5.1並集選取器
選取器1，選取器2，選取器3，選取器4....選取器n{
...
}
html(5) css
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
