css字体样式

font-size:设置文本大小

属性值:

• {number+px}：固定尺寸像素
• {number+%}：其百分比取值是基于父对象中字体尺寸大小

p { font-size: 20px; }
p { font-size: 100%; }

font-family:设置文本字体

属性值:

• name：字体名称，按优先顺序排列,以逗号隔开。如果字体名称包含空格，则应使用引号括起

p{font-family: 'Courier New', Courier, monospace;}

font-style：设置文本字体的样式

属性值:

• normal ：默认值。正常的字体
• italic ：斜体。对于没有斜体变量的特殊字体,将应用 oblique
• oblique ：倾斜的字体

p{font-style: normal;}
p{font-style: italic;}
p{font-style: oblique;}

font-weight：设置文本字体的粗细

属性值:

• normal ：默认值，正常的字体
• bold ：粗体
• bolder : 比 bold 粗
• lighter : 比 normal 细
• {100-900} ：定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold

p{font-weight: bold;}
p{font-weight: bolder;}
p{font-weight: lighter;}
p{font-weight: 600;}

color : 设置文本字体的颜色

属性值:

• name ：颜色名称指定 color
• rgb ：指定颜色为RGB值
• {颜色16进制} :指定颜色为16进制

p{color: red;}
p{color: reb(255.255.255);}
p{color: #ff3333}

ine-height : 设置文本字体的行高。即字体最底端与字体内部顶端之间的距离

属性值:

• normal ：默认值，默认行高
• {number+px}：指定行高为长度像
• {number}指定行高为字体大小的倍数

p{line-height: normal;}
p{line-height: 30px;}
p{line-height: 1.5;}

text-decoration : 设置文本字体的修饰

属性值:

• normal ：默认值，无修饰
• underline ：下划线
• line-through : 贯穿线。
• overline : 上划线。

p{text-decoration: normal;}
p{text-decoration: underline;}
p{text-decoration: line-through;}
p{text-decoration: overline;}

text-align : 设置文本字体的对齐方式

属性值:

• left ：默认值，左对齐
• center ：居中对齐
• right : 右对齐

p{text-align: left;}
p{text-align: center;}
p{text-align: right;}

text-transform : 设置文本字体的大小写

属性值:

• none ：默认值(不转换)
• capitalize ：将每个单词的第一个字母转换成大写
• uppercase : 转换成大写
• lowercase : 转换成小写

p{text-transform: none;}
p{text-transform: capitalize;}
p{text-transform: uppercase;}
p{text-transform: lowercase;}

text-indent : 设置文本字体的首行缩进

属性值:

• {number+px} ：首行缩进number 像素
• {number+em} ：首行缩进number 字符

p{text-indent: 10px;}
p{text-indent: 2em;}

font的复合属性

字体有很多种属性：font-size,font-style,font-weight,font-family

复合属性必须遵守一定的顺序，这个顺序是不能进行更改的，，每个属性要以空格进行分隔

另外font-size和font-family必须同时存在，否则将不显示

body{font: 18px bolder 500 "宋体";}