css零基础到入门第三章【字体和文本样式】

2023-10-03  本文已影响0人  着迷呀

三、字体和文字样式

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;实现

上一篇 下一篇

猜你喜欢

热点阅读