文本相关属性

文本相关属性

文本相关属性

• color 规定元素的文字颜色
  属性值： 英文单词颜色表示
  十六进制颜色表示
• font-size 规定元素内文字大小
  属性值： length(数值+单位) 网页中默认的文字大小为 16px
  单位还可以是pt，9pt=12px; 12pt=16px
  使用绝对大小关键字
  xx-small =9px x-small =11px small =13px medium =16px
  large =19px x-large =23px xx-large =27px
• font-family 规定元素内文字的显示字体
  属性值： “字体名称”
  字体设置备用机制： “字体名称1”，“字体名称1”，“字体名称1”，“字体名称1”
  设置字体时可以设置备用，通过逗号分隔的方式
  浏览器在执行时会先检索第一个字体，如果支持就显示，如不支持后检索下一个字体
  如果设置的所有的字体均不被支持，则最中显示默认字体
  针对字体名称加引号：
  如果字体名称为中文 或者 是由两个以上的单词组成的字体名称需要加引号
  如果字体名称仅为一个 单词 构成 则不用加引号
  Windows中文版本操作系统下，中文默认字体为宋体或者新宋体，英文字体默认为Arial.
• font-weight 规定元素内文本是否加粗显示
  属性值： normal 默认值，常规，不加粗 bold 加粗 ===== bolder 更粗
  100 - 900 100-500 常规，不加粗 600-900 加粗
• font-style 规定元素内文本是否倾斜显示
  属性值： normal 默认值，常规，不倾斜 italic 倾斜 ==== oblique 倾斜度大
• text-align 规定文本的水平对齐方式
  属性值： left 默认值，左对齐 center 居中对齐 right 右对齐 justify 分散对齐
• line-height 行高—规定文字在一行内占据的高度
  属性值： length(数值+单位) number(根据文字大小计算的倍数) %(根据文字大小计算的得到的百分比)

行高具有垂直居中性：
文会永远在行高的高度中垂直居中显示
A）当单行文本的行高等于容器高时，可实现单行文本在容器中垂直方向居中对齐；
B) 当单行文本的行高小于容器高时，可实现单行文本在容器中垂直中间以上任意位置的定位；
C) 当单行文本的行高大于容器高时，可实现单行文本在容器中垂直中间以下任意位置的定位。
行高永远是在设置文本在一行内所转矩的高度，和元素的高度没有任何关系，仅仅是在元素没有设置过固定高度时，元素的高度由内容撑开，在单行文本时会产生一个错觉，好像元素的高度是由行高设置的，但是并不是

• 文本属性的简写：
  font: 是否倾斜 是否加粗 文字大小/行高 “字体”；
  简写中某个值取默认值可以省略不写
  如果采用简写至少要保证有 文字大小 和 字体设置
  font: 文字大小 “字体”; 最简写状态，不能比这个还少
  在简写中设置字体是必须用双引号包含，如果不设置字体也至少要写双引号

• text-decoration 规定添加文本修饰
  属性值： none 默认值，没有任何修饰 overline 添加上划线
  underline 添加下划线 line-through 添加删除线

• text-indent 设置文本首行缩进—仅针对第一行文本有效
  属性值： length(数值+单位) 可以接受负值

• letter-spacing 控制字符间距—控制文字和字母之间的间距
  属性值：length(数值+单位) 接受正负值，正值间距放大，负值间距缩小，默认值为0

• word-spacing 控制单词间距—控制英文单词之间的间距
  属性值：length(数值+单位) 接受正负值，正值间距放大，负值间距缩小，默认值为0

单位:
px 绝对单位 是屏幕中最小的显示单元，1px就是屏幕中的一个点，在同一个屏幕1px = 1px
em 相对单位 相对于父元素或自身的文字大小值计算的单位 1em = 当前元素或父元素文字大小值