1.4 字体
字体相关的CSS规则经常会使用到
1.字体大小。font-size,数值越大字越大
2.粗体。font-weight:bold
3.斜体。font-style:italic
4.行距。line-height: 150%;可以写百分比,也可以是写具体数值
这些可以写在同一个font里面,例如:
p{
font: 20px/150% bold italic;
}
5.字体颜色。color,这个是不能写在font里面的
6.缩进。text-indent,把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。
7.水平对齐。text-align,文字水平对齐,在文字所在的容器对齐。左中右分别是left,center和right
8.字间隔。word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把两个字拉近。
9.文本装饰。text-decoration 有 5 个值:
none
underline
overline
line-through
underline 会对元素加下划线,就像 HTML 中的 U 元素一样。overline 的作用恰好相反,会在文本的顶端画一个上划线。值 line-through 则在文本中间画一个贯穿线,等价于 HTML 中的 S 和 strike 元素。none 值会关闭原本应用到一个元素上的所有装饰,用在链接上会使得默认的下划线消失
1.字体大小。font-size,数值越大字越大
2.粗体。font-weight:bold
3.斜体。font-style:italic
4.行距。line-height: 150%;可以写百分比,也可以是写具体数值
这些可以写在同一个font里面,例如:
p{
font: 20px/150% bold italic;
}
5.字体颜色。color,这个是不能写在font里面的
6.缩进。text-indent,把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。
7.水平对齐。text-align,文字水平对齐,在文字所在的容器对齐。左中右分别是left,center和right
8.字间隔。word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把两个字拉近。
9.文本装饰。text-decoration 有 5 个值:
none
underline
overline
line-through
underline 会对元素加下划线,就像 HTML 中的 U 元素一样。overline 的作用恰好相反,会在文本的顶端画一个上划线。值 line-through 则在文本中间画一个贯穿线,等价于 HTML 中的 S 和 strike 元素。none 值会关闭原本应用到一个元素上的所有装饰,用在链接上会使得默认的下划线消失