CSS基础-文字属性和文本属性

文字属性

• 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代表缩进一个文字的宽度