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

三、字体和文字样式

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容