一.字体样式
1. 字体大小:font-size
取值:数字+px;
2. 字体粗细:font-weight
取值:
①关键字:normal正常,bold加粗
②纯数字:400正常,700加粗
注意:取值为纯数字时,值是没有单位的。
3. 字体样式:font-style
取值:normal正常,italic倾斜
4. 字体类型:font-family
①
常见取值:
具体字体1,具体字体2,具体字体3,具体字体4,...,字体系列
• 具体字体:"Microsoft YaHei"、微软雅黑、黑体、宋体、楷体等……
• 字体系列:sans-serif、serif、monospace等……
②
渲染规则:
• 从左往右按照顺序查找,如果电脑中未安装该字体,则显示下一个字体
• 如果都不支持,此时会根据操作系统,显示最后字体系列的默认字体
注意:有空格隔开的英文字体名需要用引号包裹。
5. 字体类型:
font属性连写 font : style weight size family;
二. 文本样式
1. 文本缩进:text-indent
取值:数值+px 或 数值+em
注意:1em等于当前标签font-size的大小。
2. 文本水平对齐方式:text-align
取值:
left 左对齐
center 居中对齐
right 右对齐
注意:
如果需要让文本水平居中,text-align属性给
文本所在标签(文本的父元素)
设置 。
3. 文本修饰:text-decoration
取值:
underline 下划线
line-through 删除线
overline 上划线
none 无装饰线
注意:
开发中会使用
text-decoration : none ;
清除a标签默认的下划线
三. 文字垂直居中
line-height 控制文字上下间距,使文字垂直居中。
取值:数字+px 或者 当前标签字体大小的倍数。