1.1 color:文本顏色
-
作用：
color屬性用于定義文本的顏色霞掺，
其取值方式有如下3種：
| 表示表示 | 屬性值 |
|---|---|
| 預(yù)定義的顏色值 | red桐愉，green瓣窄，blue匙瘪，還有我們的御用色 pink |
| 十六進(jìn)制 | #FF0000，#FF6600窝撵，#29D794 |
| RGB代碼 | rgb(255,0,0)或rgb(100%,0%,0%) |
-
注意
我們實(shí)際工作中傀顾， 用 16進(jìn)制的寫法是最多的，而且我們更喜歡簡寫方式比如 #f00 代表紅色
1.2 text-align:文本水平對齊方式
-
作用：
text-align屬性用于設(shè)置文本內(nèi)容的水平對齊碌奉，相當(dāng)于html中的align對齊屬性
其可用屬性值如下：
| 屬性 | 解釋 |
|---|---|
| left | 左對齊（默認(rèn)值） |
| right | 右對齊 |
| center | 居中對齊 |
-
注意：
是讓盒子里面的內(nèi)容水平居中短曾， 而不是讓盒子居中對齊
1.3 line-height:行間距
-
作用：
line-height屬性用于設(shè)置行間距，就是行與行之間的距離道批，即字符的垂直間距错英，一般稱為行高。
-
單位：
- line-height常用的屬性值單位有三種隆豹，分別為像素px椭岩，相對值em和百分比%，實(shí)際工作中使用最多的是像素px
技巧：
一般情況下，行距比字號大7.8像素左右就可以了判哥。
line-height: 24px;
1.4 text-indent:首行縮進(jìn)
-
作用：
text-indent屬性用于設(shè)置首行文本的縮進(jìn)献雅，
-
屬性值
- 其屬性值可為不同單位的數(shù)值、em字符寬度的倍數(shù)塌计、或相對于瀏覽器窗口寬度的百分比%挺身，允許使用負(fù)值,
- 建議使用em作為設(shè)置單位。
1em 就是一個字的寬度 如果是漢字的段落锌仅， 1em 就是一個漢字的寬度
p {
/*行間距*/
line-height: 25px;
/*首行縮進(jìn)2個字 em 1個em 就是1個字的大小*/
text-indent: 2em;
}
1.5 text-decoration 文本的裝飾
text-decoration 通常我們用于給鏈接修改裝飾效果
| 值 | 描述 |
|---|---|
| none | 默認(rèn)章钾。定義標(biāo)準(zhǔn)的文本。 取消下劃線（最常用） |
| underline | 定義文本下的一條線热芹。下劃線 也是我們鏈接自帶的（常用） |
| overline | 定義文本上的一條線贱傀。（不用） |
| line-through | 定義穿過文本下的一條線。（不常用） |
1.6 CSS外觀屬性總結(jié)
| 屬性 | 表示 | 注意點(diǎn) |
|---|---|---|
| color | 顏色 | 我們通常用 十六進(jìn)制 比如 而且是簡寫形式 #fff |
| line-height | 行高 | 控制行與行之間的距離 |
| text-align | 水平對齊 | 可以設(shè)定文字水平的對齊方式 |
| text-indent | 首行縮進(jìn) | 通常我們用于段落首行縮進(jìn)2個字的距離 text-indent: 2em; |
| text-decoration | 文本修飾 | 記住 添加 下劃線 underline 取消下劃線 none |
