字体设置
1. 设置文字大小
font-size: 50px;
浏览器默认的字体大小是16px
通常浏览器可识别的文字大小最小是12px(火狐例外)
注意!!
- 设置文字大小的时候
尽可能 设置 整数 不要设置小数
而且 字体大小一般为 偶数
2. 设置行高
line-height: 70px;
一般情况下 控制文字垂直居中时 使用行高属性
3. 字体颜色
color: black;
4. 字体
font-family: Arial, Helvetica, sans-serif;
5. 加粗
font-weight: bold;
没有单位!!!!
从100~1000 尽量写整百
除了数字之外 还可使用 bold 直接加粗
6. 大小写
text-transform: capitalize;
capitalize: 首字母大写
uppercase: 全部大写
lowercase: 全部小写
7. 修饰线
text-decoration: underline;
underline 下划线
overline 上划线
line-through 删除线
8.对齐方式
text-align: center;
center 居中对齐
left 向左对齐(默认)
right 向右对齐
9.基准线
vertical-align: baseline;
baseline -------- 基线对齐(默认)
sub----------------下标
super-------------上标
top-----------------顶端对齐(用的最多)
middle------------中间对齐
bottom------------下端对齐
- 无论水平还是垂直对齐 对行元素依旧起作用
10.缩进
text-indent: 10px;
缩进的是像素值
display
功能：
1.控制标签显示隐藏
none------------隐藏
block------------显示
- 行元素和块元素特性
- block 让行元素 拥有块元素的特性
- inline-block 让块元素拥有行元素的特性设置行间块元素块元素和行元素都能设置)
- 3.应用场景:
某些标签 既要在一行之间排列
还要可以设置高和 margin
此时使用 display: inline-block
