2022-08-09

常见的CSS设置

1.文字设置

1.设置文字大小

浏览器默认字体大小是16px ，一般浏览器可识别的最小字体大小为 12px。
注意：设置文字大小的时候 尽可能设置整数 不要设置小数 而且字体大小一般为偶数

        font-size: 30px;

2.设置行高

一般情况下 控制文字垂直居中时 使用行高属性

        line-height: 50px;

3.设置字体颜色

        color: blue;

4.设置字体

        font-family:monospace;

5.设置字体加粗

字体加租设置时，没有单位，从100~1000 尽量写整百，除了数字以外，还可使用 bold 直接加粗

        font-weight: bold;

6.设置斜体

        font-style:italic;

7.设置大小写

capitalize 首字母大写
uppercase 全部大写
lowercase 全部小写

        text-transform: capitalize;

8.设置修饰线

underline 下划线
overline 上划线
line-through 删除线

        text-decoration: underline;

9.设置对齐方式

center 居中对齐
left 向左对齐（默认效果）
right 向右对齐

        text-align: center;

10.设置基准线

baseline 基线对齐
sub 下标
super 上标
top 顶端对齐
middle 中间对齐
bottom 下端对齐
注意：无论水平还是垂直对齐，对行元素依旧起作用

        vertical-align: baseline;

11.设置缩进

缩进以像素值为单位

        text-indent: 2rem;

2.display的使用

功能：
1.控制标签显示隐藏
none 隐藏
block 显示
2.行元素和块元素特性
block 让行元素拥有块元素的特性
inline-block 让块元素拥有行元素的特性
(设置 行间块元素 块元素和行元素都能设置)
应用场景：某些标签 既要在一行排列 又要设置宽高和margin
此时使用display:inline-block