三、CSS基本属性-CFANZ编程社区

三、CSS基本属性

text-decoration：设置文字的装饰线

none：无任何装饰线，可以去除a元素默认的下划线
underline：下划线
overline：上划线
line-through：中划线（删除线）

text-transform：设置文字的大小写转换

capitalize：将每个单词的首字符变为大写
uppercase：将每个单词的所有字符变为大写 
lowercase：将每个单词的所有字符变为小写

text-indent：设置第一行内容的缩进
text-align：设置元素内容在元素中的水平对齐方式，这里的元素内容包括子元素
- left：左对齐
- right：右对齐
- center：正中间显示
- justify：两端对齐
line-height：设置文本的行高
- 行高可以先简单***理解为一行文字所占据的高度***
- height和line-height的区别
  - ```
  height：元素的整体高度
  
  line-height：元素中每一行文字所占据的高度
```
- 如何让这文字在块级元素中垂直居中？
  - 让line-height等同于height
- 注意：line-height是会被继承的

单行文本不换行多余文本显示省略号

div{
    /* 强制不换行 */
    white-space: nowrap;
    /* 超出部分隐藏 */
    overflow: hidden;
    /* 超出部分以省略号代替 */
    text-overflow: ellipsis;
}

多行文本超出隐藏多余文本显示省略号

div{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}

font-size：决定文字的大小
- 如果设置百分比，那么是基于父元素的文字大小进行计算
font-family：设置文字的字体名称
- 会从系统自带中的字体依次去找，如果系统没有该字体则该属性无效
- 可以设置1个或者多个字体名称（从左到右按顺序选择字体）
- 开发中都是多个字体进行使用的
font-weight：设置文字的粗细
- normal：等于400px
- bold：等于700px
font-style：设置文字的常规、斜体显示
- normal：常规显示
- italic：用字体的斜体显示(前提, 是font-family这种字体本身是支持斜体)
- oblique：文本倾斜显示(让文字倾斜)
font：是以上所有字体属性的缩写属性
- font-style、font-weight、font-size/line-height、 font-family
- line-height可以省略，如果不省略，必须跟在font-size后面
- font-size、font-family不可以调换顺序，不可以省略

cursor可以设置鼠标指针（光标）在元素上面时的显示样式，取值如下
- auto：默认值
- default：一个小箭头
- pointer：一只小手
- text：一条竖线
- none：没有任何指针显示在元素上面

CSS3盒子模型：盒子的宽度 = CSS中设置的宽度width 里面包含了 border 和 padding

/* CSS3盒子模型 */
box-sizing: border-box;
/* 传统盒子模型 */
box-sizing: content-box