CSS 成长之路（一）颜色、字体属性及文本属性

颜色

颜色属性color的值不仅可以用颜色名表示如blue或者red等，还可以#加6位16进制的数字表示。

如#123456，其中12两位表示红色的程度，34两位表示绿色的程度，56两位表示蓝色的程度，最终的颜色右三种颜色合成。

同一颜色的两位相同的话可以简写，如红色#ff0000可以简写为#f00。

纯白#fff，纯黑#000。

字体属性

• 字体大小
  • font-size
  • 单位：px像素、em相对大小
• 字体类型
  • font-family
  • 如果是font-family:1号字体,2号字体;表示如果支持1号则显示1号，如果1号不支持则显示2号，如果都不支持则显示默认字体。
• 字体粗细
  • font-weight
  • 常用可选：normal（大小正常等价于400），bold（加粗，等价于700）。
  • 直接写数字解析的更快
• 字体样式（斜体）
  • font-style
  • 可选：normal（正常）、italic（斜体）
• 字体属性连写
  • 顺序依次为
    • font-style
    • font-weight
    • font-size
    • font-family
  • 形式为：<标签>{font: italic 700 20px STsong}
  • 注意：font-size和font-family的值不可以省略

文本属性

• 行间距
  • line-hight
  • 单位：px，一般选取行间距比当前字体大小大7至8个像素。
• 水平对齐方式
  • test-align
  • 居左——left、居中——center、居右——right
  • 注意：只是让文字对齐，而不是操作装载文字的"盒子"。
• 首行缩进
  • text-indent
  • 单位：em，2em就是缩进两个字符。
• 文本装饰器——无效果、下划线、上划线、删除线、闪
  • text-decoration
  • 可选值
    • none——无效果
    • underline——下划线
    • overline——上划线
    • line-through——删除线
    • blink——闪