第一節：選擇符的權重
選擇符的權重
id > class > 標籤
用四個數字表示權重：
1、內聯樣式表 -> 1000（1000）
2、id -> 0100（100）
3、class -> 0010（10）
4、標籤 -> 0001（1）
5、偽類選擇符 -> 0010（10）
6、萬用字元 -> 0
7、包含選擇符的權重為權重之和
eg:#box div 權重： 100+1=101
.con .wrap p{} 權重： 10+10+1=21
8、群組選擇符
群組選擇符的權重不會發生變化，會根據讀寫的先後順序覆蓋
注： ！important 權重是最高的
第二節：css的層疊性 -> 權重!!!
產生權重關係，必然體現css的層疊性。
0: !important 最重要的樣式
1:內聯樣式表 > 內部/外部
內部和外部和書寫順序有關，後寫把前寫的覆蓋。
2：選擇符的權重： id > class/偽類 > 標籤
3：開發者樣式權重 > 讀者（使用者）樣式 > 瀏覽器樣式
4：當權重相同的時候，後寫的樣式會前寫的樣式 給 覆蓋掉。
第三節：文字屬性
1： font-size:; 控制文字大小
a:為了消除系統之間顯示差異，規定：16px 為標準字型大小。
b:文字大小設定，設定為偶數。
c:pc端專案，設定最小盡量別低於12px ;
d:從ps中獲取文字大小，漢字量取文字高度。
e:文字單位： px \ em \ pt(磅)【常用在印刷領域】
12px == 9pt
em ( 相對大小單位，相對于父元素的font-size值而定 )
(預設情況下， 1em == 16px)
f:（了解）
xx-small =9px
x-small =11px
small =13px
medium =16px
large =19px
x-large =23px
xx-large =27px
2：color:; 控制網頁中的文字顏色
顏色值：
a：十六進製制表示顏色值：
16進製制數字：0 - 9 a - f
顏色值： #ff0000
6個數字：
前兩位 紅色
中間兩位 綠色
最後兩位 藍色
b: rgb(255,0,0) 模式
拓展： rgba(255,0,0,0.5);
3：font-family:;控制的是網頁中字型型別。
預設的字型型別："微軟雅黑"
系統能支援的字型：web安全字型：微軟雅黑、宋體、楷體...
英文預設的字型：arial
語法：font-family:字型1,字型2,字型3,......
注：a:中文字型必須放在引號裡面
b:如果乙個字型多個單詞組成 也要放在引號裡面
c:如果字型是乙個單詞 不需要引號。
d:先寫英文本型，後寫中文字型。
4：font-weight:;控制文字是否加粗
屬性值：
bold 加粗
bolder 加粗
normal 清除加粗，恢復常規文字
100 - 900
100 - 500:不加粗
600 - 900:加粗的狀態
5: font-style:;控制文字的傾斜
屬性值：
italic 傾斜
oblique 傾斜（傾斜幅度更大，但是一般不會有明顯變化）
normal 恢復常規文字
6: line-height:; 控制文字的行高。
a: 從ps設計圖上：怎麼獲取行高:從第一行開始量到第二行開始。
b: 單行文字：
如果讓單行文字在容器裡面上下居中，line-height設定容器高度即可
顯示狀態：
小於容器高度的時候：文字往上移動
大於容器高度的時候：文字往下移動
7：text-align:; 控制文字的水平對齊方式
屬性值：
center 居中對齊
left 左對齊
right 右對齊
justify 兩端對齊
8:text-decoration:; 文字修飾（下劃線、上劃線、刪除線）
屬性值：
none 清除下劃線
underline 新增下劃線
overline 新增上劃線
line-through 新增刪除線
9: text-indent:;
text-indent:2em；首行縮排：
text-indent能設定負值：文字往左走。（懸掛式縮排）
10：字間距、詞間距
letter-spacing:; 字間距
word-spacing:; 詞間距
11: text-transform:; 控制文字大小寫。
屬性值：
uppercase 大寫
lowercase 小寫
capitalize 每個單詞的首字母大寫
第三節：浮動
浮動！屬性：float
屬性值：
left
right
none
特點：a:新增浮動之後，元素是不佔據空間。
b:如果讓多個元素橫向進行排列，所有的排列的元素，都必須新增浮動。
c:如果子元素新增浮動，寬度大於父元素的時候，後面的元素被擠到下一行。
HTML5的選擇符及元素
html中有哪些選擇符？1.通配選擇符 2.型別選擇符 3.屬性選擇符 4.包含選擇符 5.子物件選擇符 6.id選擇符 7.類選擇符 8.選擇符分組 9.偽類及偽物件選擇符 行級元素 標籤 換行 輸入框 標籤 建立單選或多選選單 多行的文字輸入控制項 塊級元素 定義文件中的分割槽或節 定義列表 定...
HTML之CSS選擇符
css選擇符 型別選擇符 型別選擇符就是網頁元素本身，定義時直接使用元素名稱 body divid選擇符 它是唯一的，不同元素的id值是不能重複的，id選擇符為每個元素的具體物件定義不同的樣式，方便使用者更加精細的控制頁面。使用id選擇器時要先為每個元素定義乙個id屬性 使用id選擇器是，需要使用到...
html5入門初學者筆記（九） 廢除的屬性
html 4 中使用的屬性 使用該屬性的元素 html 5 中的替代方案 revlink.a relcharset link.a 在被鏈結的資源中使用 hitp content iype 頭元素 shape coords a使用 area 兒素代替 a longdesc img,iframe 使用a...