顏色設(shè)置
| px | % | em |
|---|---|---|
| 像素 | 相對于父類來說硼补，父類16px释液，則100%就是16px涣雕，200%就是32px | 相對于font-size來說，效果和%類似 |
- 十六進制顏色：
一個顏色值闭翩，比如：#6600ff挣郭，實際上表示包含了三組十六進制的數(shù)字，66代表紅色的濃度疗韵，00代表綠色的濃度兑障，ff代表藍色的濃度，最后顏色是由制定濃度的紅綠藍混合而成蕉汪。（如果三組數(shù)字全部兩兩重復(fù)流译，則可以簡寫為#60f）
字體設(shè)置
- 文字大小 用font-size來指定
p{
font-size:50px;
}
- 字體
通過font-family指定標(biāo)簽中文字的字體(可以同時指定多種字體，瀏覽器會從第一個開始依次優(yōu)先選擇使用)
p{
font-family:華文彩云;
}
- 斜體
通過font-style來指定
p{
font-style:italic
}
- 粗體
通過font-weight來指定
p{
font-weight:bold
}
- 小型大寫字母
通過font-variant屬性來將字母類型設(shè)為小型大寫
p{
font-variant:small-caps
}
字體屬性的簡寫
font也可以一次性同時設(shè)置多個字體的樣式
語法：font:加粗 斜體 小型大寫 大小/行高 字體
（大小和字體必須寫到后兩個者疤，其他的沒有順序）
- 行間距
line-height用于設(shè)置行高先蒋，行高越大則行間距越大
行間距= line-height - font-size
- 大寫化
text-transform用于將元素中的字母全部換成大寫
1、大寫：text-transform：uppercase
2宛渐、小寫：text-tansform：lowercase
3竞漾、首字母大寫：text-transform：capitalize
4、正常：text-transform：none
- text-decoration用來給文本添加各種裝飾窥翩，可以為文本的上方业岁、下方或者中間添加線條
1、underline 下劃線
2寇蚊、overline 上劃線
3笔时、line-through 中間（刪除線）
4、none
- letter-spacing 用來設(shè)置字符之間的間距
- word-spacing 用來設(shè)置單詞之間的間距
- 文本對齊
text-align 用來設(shè)置文本的對齊方式
1仗岸、left 左對齊
2允耿、right 右對齊
3、justify 兩邊對齊
4扒怖、center 居中對齊
- 首行縮進
text-indent 用來設(shè)置首行縮進（該樣式需要指定一個長度较锡，并且只對第一行生效）
