CSS3 之 字体样式

font-size 大小

实例

p {
    font-size: 16px;
}

• 作用：设置字体的大小
• 单位

注意：

• 谷歌浏览器默认文字大小 16px。
• 不同浏览器可能默认大小不一样，所以尽量给一个明确值。

font-family: 字体

实例

p {
    font-family: "宋体";
}

• 作用：设置使用哪一种字体。
• 多个字体使用 , 隔开，表示浏览器不支持第一种，就去使用第二种，都不支持，则使用默认字体。

p {
    font-family: "宋体","microsoft yahei";
}

font-weight:粗细

实例

p {
    font-weight: normal;
}

• 字体的粗细也能使用标签来实现。
  • 使用<b>、<strong>标签时文字加粗
• 属性值：

font-style: 字体风格

实例

p {
    font-style:oblique;
}

• 字体的斜体也能使用标签来实现。
  • 使用<i>、<em>标签时文字斜体。
• 属性值：

平时很少使用CSS的字体斜体，标签斜体更常使用

foot:综合设置字体样式（重点）

语法

p {
    font: font-style font-weight font-size/line-height font-family;
}

• 注意：以上语法顺序不能跟换，使用空格隔开。
• 不需要设置的省略即可，但必须保留 font-size、font-family 属性，不然不起作用。