三、字体和文字样式
1.字体样式
1.1字体大小 font-size
font-size:数字+px
1.2字体粗细 font-weight
font-weight
取值:
正常 | 加粗 |
---|---|
normal | bold |
400 | 700 |
纯数字:100~900的整百整数
1.3字体样式 font-style
font-style(是否倾斜)
取值
正常(默认值)normal
倾斜 italic
1.4 字体系列 font-family
取值:font-family:字体名字
2.文本样式
1.文本缩进 text-indent
取值数字+px;或者数字+em,推荐后者
2.文本水平对齐方式 text-align:center
能让下面这些居中:
1.文本
2.span标签,a标签
3.input标签,img标签
3.文本修饰 text-decoration
属性值 | 效果 |
---|---|
underilne | 下划线 |
line-through | 删除先 |
overline | 上划线 |
none | 无装饰线 |
扩展:开发中会使用text-decoration:none清除a标签默认的下划线
3.line-height行高
作用:控制一行的上下行间距
取值
数字+px;
倍数
当line-height:1;可以取消上下间距
如何让div、p、h水平居中?
可以通过 margin: 0 auto;实现