web前端开发与应用——文本样式

font-size

font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位，具体如下图所示。

代码示例： p{font-size:100px;}

font-family

font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。

代码示例： p{font-family:微软雅黑;}

font-weight

font-weight属性用于定义字体的粗细，其可用属性值如下图所示。

代码示例： p{font-weight:bolder;}

font-style

font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下：

• normal：默认值，浏览器会显示标准的字体样式;
• italic：浏览器会显示斜体的字体样式;
• oblique：浏览器会显示倾斜的字体样式;

代码示例： p{font-style:italic;}

font综合属性

font属性用于对字体样式进行综合设置，其属性由各子属性取值组成，各子属性取值间用空格分隔，要特别注意其各子属性取值必须严格依照以下顺序书写：

选择器{font: font-style font-variant font-weight font-size/line-height font-family;}

代码示例： p{font:italic bold 12px/20px arial;}

@font-face属性

@font-face属性是CSS3的新增属性，用于定义服务器字体。通过@font-face属性，开发者可以在用户计算机未安装字体时，使用任何喜欢的字体。其语法格式为：

@font-face{ font-family:字体名称; src:字体路径; }

em

标签<em>...</em>是CSS3中引入的文本格式化标签，可使作用的文本呈现斜体效果，并具有强调的语义。

strong

标签<strong>...</strong>是CSS3中引入的文本格式化标签，可使作用的文本呈现粗体效果，并具有强调的语义。