1、CSS字体属性:字体、颜色、大小、加粗、文字样式

2、color

  1. div{ color:red; }
  2. div{ color:#ff0000; }
  3. div{ color:rgb(255,0,0); }
  4. div{ color:rgba(255,0,0,.5); }

3、font-size

  1. h1 { font-size:60px; }
  2. p { font-size:60px; }

chrome浏览器能接受最小的字体是12px

4、font-weight

设置文本的粗细
bold:定义粗体字符
bolder:定义更粗的字符
lighter:定义更细的字符
100-900:定义由细到粗的字体 400等同默认值 700等同bloder

  1. h1 { font-weight:normal; }
  2. div { font-weight:blod; }
  3. p { font-weight:900; }

5、font-sytle

指定文本的字体样式

  1. h1 { font-sytle:normal; } 默认值
  2. h1 { font-sytle:italic; } 定义斜体字

6、font-family

指定元素的字体,系统自带的字体挺多,常用的有以下:

  1. h1 { font-family:"Microsoft YaHei"; } 微软雅黑,常用
  2. h1 { font-family:"SimSun"; } 宋体
  3. h1 { font-family:"SimHei"; } 黑体