完成CSS - 文字外观

前端开发/CSS/字体样式.md

@@ -37,12 +37,12 @@ normal  | 默认值（不加粗的）
 bold    | 定义粗体（加粗的）
 100~900 | 400 等同于 normal，而 700 等同于 bold 我们重点记住这句话
 
--  font-style:字体风格
+- font-style:字体风格
 
-| 属性   | 作用                                                    |
-| ------ | :------------------------------------------------------ |
-| normal | 默认值，浏览器会显示标准的字体样式  font-style: normal; |
-| italic | 浏览器会显示斜体的字体样式。                            |
+属性     | 作用
+------ | :------------------------------------
+normal | 默认值，浏览器会显示标准的字体样式 font-style: normal;
+italic | 浏览器会显示斜体的字体样式。
 
 - font:综合设置字体样式
 
@@ -56,30 +56,55 @@ font: 400 14px/24px "宋体";
 
 ### 字体总结
 
-| 属性        | 表示     | 注意点                                                       |
-| :---------- | :------- | :----------------------------------------------------------- |
-| font-size   | 字号     | 我们通常用的单位是px 像素，一定要跟上单位                    |
-| font-family | 字体     | 实际工作中按照团队约定来写字体                               |
-| font-weight | 字体粗细 | 记住加粗是 700 或者 bold  不加粗 是 normal 或者  400  记住数字不要跟单位 |
-| font-style  | 字体样式 | 记住倾斜是 italic     不倾斜 是 normal  工作中我们最常用 normal |
-| font        | 字体连写 | 1. 字体连写是有顺序的  不能随意换位置 2. 其中字号 和 字体 必须同时出现 |
+属性          | 表示   | 注意点
+:---------- | :--- | :----------------------------------------------
+font-size   | 字号   | 我们通常用的单位是px 像素，一定要跟上单位
+font-family | 字体   | 实际工作中按照团队约定来写字体
+font-weight | 字体粗细 | 记住加粗是 700 或者 bold 不加粗 是 normal 或者 400 记住数字不要跟单位
+font-style  | 字体样式 | 记住倾斜是 italic 不倾斜 是 normal 工作中我们最常用 normal
+font        | 字体连写 | 1\. 字体连写是有顺序的 不能随意换位置 2\. 其中字号 和 字体 必须同时出现
 
-## 外观
+## 字体外观
 
 - 颜色
 
-| 表示表示       | 属性值                                  |
-| :------------- | :-------------------------------------- |
-| 预定义的颜色值 | red，green，blue，还有我们的御用色 pink |
-| 十六进制       | #FF0000，#FF6600，#29D794               |
-| RGB代码        | rgb(255,0,0)或rgb(100%,0%,0%)           |
+表示表示    | 属性值
+:------ | :---------------------------
+预定义的颜色值 | red，green，blue，还有我们的御用色 pink
+十六进制    | #FF0000，#FF6600，#29D794
+RGB代码   | rgb(255,0,0)或rgb(100%,0%,0%)
 
 - color:文本颜色
 
 - text-align:文本水平对齐方式
 
-| 属性   |       解释       |
-| ------ | :--------------: |
-| left   | 左对齐（默认值） |
-| right  |      右对齐      |
-| center |     居中对齐     |
+属性     |    解释
+------ | :------:
+left   | 左对齐（默认值）
+right  |   右对齐
+center |   居中对齐
+
+- line-height:行间距
+
+```css
+/* 一般情况下，行距比字号大7.8像素左右就可以了。 */
+line-height: 24px;
+```
+
+- text-indent:首行缩进
+
+```css
+/*首行缩进2个字  em  1个em 就是1个字的大小*/
+text-indent: 2em;
+```
+
+- text-decoration 文本的装饰
+
+值            | 描述
+------------ | ---------------------------
+none         | 默认。定义标准的文本。 取消下划线（最常用）
+underline    | 定义文本下的一条线。下划线 也是我们链接自带的（常用）
+overline     | 定义文本上的一条线。（不用）
+line-through | 定义穿过文本下的一条线。（不常用）
+
+