文字属性
- font-style
- font-weight
- font-size
- font-family
font-style作用
- 规定文字样式
font-style格式
font-style:italic;
取值
- normal:正常的,默认值
- italic:倾斜的
font-weight作用
- 规定文字粗细
font-weight格式
font-weight:bold;
取值
- 单词取值
- lighter:细线,默认值
- bold:加粗
- bolder:比加粗还要粗
- 数字取值
- 100-900之间整百的数字
font-size作用
- 规定文字大小
font-size格式
font-size:10px;
取值
- px(像素 pixel)
font-family作用
- 规定文字字体
font-family格式
font-family:"字体";
取值
- 各种字体名称
注意点
- 取值是中文时, 需要用双引号或者单引号括起来
- 设置的字体必须是用户电脑里面已经安装的字体
- 如果设置的字体不存在, 那么系统会使用默认的字体来显示,即宋体
- 如果设置的字体不存在, 而我们又不想用默认的字体,可以给字体设置备选方案,格式:font-family:"字体1", "备选方案1", ...;
- 如果想给界面中的英文单独设置字体, 那么英文的字体必须写在中文的前面(因为中文字体, 里面都包含了英文,但是英文字体, 里面都没有包含中文)
文字属性缩写
font: style weight size family;
注意点
- 在这种缩写格式中style和weight属性值不仅可以交换位置,而且可以省略
- 在这种缩写格式中size和family属性值不能省略,size一定要写在family的前面, 而且size和family必须写在所有属性的最后
文本属性
- text-decoration
- font-align
- font-indent
text-decoration作用
- 给文本添加装饰
text-decoration格式
text-decoration:underline;
取值
- underline:下划线
- line-through:删除线
- overline:上划线
- none:什么都没有, 最常见的用途就是用于去掉超链接的下划线
text-align作用
- 设置文本水平对齐方式
text-align格式
text-align:center;
取值
- left:水平靠左,默认值
- center:水平居中
- right:水平靠右
text-indent作用
- 设置文本缩进
text-indent格式
text-indent:2em;
取值
- 2em, 其中em是单位, 一个em代表缩进一个文字的宽度