web开发基础（CSS基本样式修饰）

CSS基本样式修饰

字体常用样式

字体系列：font-family

设置一种字体
• font-family : ‘宋体’ ;
设置多种字体
• font-family : ‘宋体’, ‘仿宋’, ‘Times New Roman’ ;
若用户系统里有宋体，用宋体，无宋体则用仿宋……
实战技巧
font-family : ‘Times New Roman’ , Serif ;

字体大小：font-size

设置字体大小为绝对值
• font-size: 20px;
 设置字体大小为相对值
• font-size: 2em；（或 font-size : 200%;）
 相对于父元素来设置大小
实战技巧
 若未规定字体大小，普通文本的默认大小是 16 像素

字体风格：font-style

设置字体倾斜显示
• font-style: italic；
• 属性值：normal、italic、oblique

字体加粗：font-weight

设置字体加粗（固定值）
• font-weight: 900;
• 属性值取值范围为100~900
使用关键字加粗字体
• font-weight:bolder；
• 属性值：lighter、normal、bold、bolder
实战技巧
 400 等同于 normal，而 700 等同于 bold

字体综合设置font

在一个声明中设置所有属性
• font：italic bold 36px ‘宋体’;
• font：36px ‘宋体’；
设置顺序
• 不强制顺序，但是 font-family 不能是第一个
• 未设置癿属性会使用默认值
• 至少要设置两个属性

文本常用样式

文本缩进：text-indent

设置段落元素癿第一行缩进方式
• text-indent:2em;
• text-indent:-3em;
• 属性值可为绝对值（px&#x