css读书笔记4:字体和文本

时间:2021-07-16 20:54:08

字体属性
网页中的字体有3个来源:
1.用户机器中安装的字体;
2.保存在第三方网站上的字体。可以使用link标签把它们链接到页面中;
3.保存在子集的web服务器上的字体。可以使用@font-face规则随网页一起发送给浏览器。

与字体样式相关的6个属性:
font-family(字体家族。一般对body元素使用,让整个网页使用同样的字体。一般需要多列出几种后备字体,以防前面的字体无效。)
font-size(字体大小。)
font-style(字体样式。设定字体是斜体还是整正体。)
font-weight(字体粗细。该属性有2个值:bold粗体,normal普通。)
font(简写属性。可以直接设置以上所有的属性,但分顺序,最好分开用,免得搞错。)

文本属性
与文本有关的几个css属性:
text-indent(文本缩进)
letter-spacing(字符间距)
word-spacing(单词间距。因为汉字不用空格分隔,所以这个属性对纯中文网页没有什么用。)
text-decoration(文本装饰。属性的值有:underline下划线,overline上划线,line-through删除线,none没有装饰。)
text-align(文本对齐。属性的值有:left左对齐,right右对齐,center居中对齐,justify两端对齐。)
line-height(行高。可以使用倍数或者绝对像素值。)
text-transform(文本转换。属性的值有:none默认,uppercase转成大写,lowercase转成小写,capitalize每个单词首字母大写。)
vertical-align(垂直对齐。这个属性只对行内元素起作用,一般用来展示上下角标。)