CSS樣式:
1.內部樣式表
<style type="text/css">
樣式表寫法
</style>
2.使用link標簽,在文檔中聲明使用外接資源,最常用的一種方式。(推薦)
<link type="text/css" rel="stylesheet" href="文件路徑" />
3.@方式,引入css,注意這個是異步加載的,在整個html加載之后才加載,會導致頁面閃爍。不推薦使用。
<style>
@import url("文件路徑");
</style>
4.內聯樣式表(行內樣式表),優先級最高最直白,但不能復用不容易維護。
<input type="text" style="color:0x550;font-size:30px;"/>
優先級: 行內樣式 > 內部樣式 > 外部樣式
選擇器:
1、 標簽選擇器: 語法:標簽名
標簽名: 選取相同的所有標簽
2、 類選擇器: 語法: .class的值
每一個標簽添加class屬性, 類, 不同標簽擁有相同的class,
注意: 標簽怎么添加多個class, class屬性值 多個class值用空格分隔
3、 id選擇器 語法: #id的值
每一個標簽添加一個id屬性, 要求id的值唯一,
4、 組合選擇器:
A) 並集選擇器: (或者) 選擇器1, 選擇器2, 選擇器3,....
B) 交集選擇器:(並且) 選擇器1 選擇器2
注意: 選擇器1 只能是標簽選擇器
選擇器2: 只能是id選擇器或者類選擇器
(例如 p標簽.class的值#div的值 或者 p標簽#div的值.class的值 )
C) 后代選擇器: (兒子,孫子,.....) 選擇器1 選擇器2 .......
D) 全選擇器: *
優先級: 標簽選擇 < 類選擇器 < ID選擇器
