css_文字相关的属性

• color

  • 文字颜色，这个属性能够继承，能够用3种表示法来表示。
    • rgb()表示法
    • 单词表示法
    • 十六进制表示法

• font-size

  • 文字大小，有单位，像素px 相对大小em.
  • 设置font-size:20px .实际测量汉字可能只有18px高。
  • 设计图多少字号，就设置多大字号，如果没有字号，自己打一个相同的字，与设计图的字进行比对。能够重合。
  • 各个浏览器的默认字号都不一样，有的是12px,有的是14px.所以设计图上的文字，都要写字号。
  • chrome浏览器支持的最小字号是12px,低于12px字号，仍以12px显示。

• line-height

  • line-height 表示行高 ，sublime里面的快捷键是lnh. 文字所在这一行的高度，称为行高，文字在行里垂直居中。
  • 如何测量行高，写上下两行各一个字，比对大小，
  • 设计图带有行高，可以直接使用，
  • 注意测量时要调整字体单位为px.
  • line-height 可以使用px为单位，也可以用百分比为单位。如果用百分比为单位，那么就是当前字号的百分比。例如{font-size:14px; line-height:150%;} 相当于{font-size:14px; line-height:21px;}

• font 属性

  • {font:14px/28px;} 相当于 {font-size:14px; line-height:28px;}

• font-family

  • 字体属性 所有字体都要用英语引号引用起来。为了让所有的用户都有一致的体验，只能用宋体、微软雅黑
  • {font-family:"宋体"; font-family:"微软雅黑";}
  • 一般来说，如果设置为微软雅黑，那么就要设置一个备选字体，别选字体一般是宋体，用逗号隔开列举出来。
  • {font-family:"微软雅黑","宋体";}
  • 英文字体一般写在前面
  • {font-family:"Arial","Microsoft Yahei";}

• font-weight

  • {font-weight:bold;} {font-weight:700;} 加粗文字 {font-weight:400;} {font-weight:normal;} 正常的文字

• font-style

  • {font-style:italic;} 倾斜

• text-decoration 文本装饰

  • {text-decoration:underline;} 下划线
  • {text-decoration:line-through;} 删除线

• 补充小知识
  • 如果要给超级链接设置颜色，它不从父元素继承，必须自己给a元素写一个颜色。例如ul li a{color:red; text-decoration:none;}