CSS样式表基础(二)——CSS字体
3、CSS 字体
CSS字体属性定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。
CSS 字体属性:
- font ————————简写属性。作用是把所有针对字体的属性设置在一个声明中。
- font-family —————设置字体系列。
- font-size ——————设置字体的尺寸。
- font-style ——————设置字体风格。
- font-weight —————设置字体的粗细。
1) font-family 属性 定义文本的字体系列。
CSS 定义了 5 种通用字体系列:
- Serif 字体
- Sans-serif 字体
- Monospace 字体
- Cursive 字体
- Fantasy 字体
如果你希望文档使用一种 sans-serif 字体,但是你并不关心是哪一种字体,以下就是一个合适的声明:
body {font-family: sans-serif;}
可以为给定的元素指定一系列的字体,如
font-family: 隶书, 华文行楷;
2) font-style 属性最常用于规定斜体文本。
该属性有三个值:
- normal - 文本正常显示
- italic - 文本斜体显示
- oblique - 文本倾斜显示
斜体(italic)是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。与此不同,倾斜(oblique)文本则是正常竖直文本的一个倾斜版本。
通常情况下,italic 和 oblique 文本在 web 浏览器中看上去完全一样。
3) font-weight 属性设置文本的粗细。
使用 bold 关键字可以将文本设置为粗体。
如:font-weight: bold;
4) font-size 属性设置文本的大小。
font-size 值可以是绝对或相对值。
font-size: 36pt;
例:
<html> <head> <meta charset = "utf-8"> <title>CSS</title> <style> p { color: red; font-size: 36pt; font-family: 隶书, 华文行楷; font-style: italic; font-weight: bold; } </style> </head> <body> <p>网页设计 第三章 CSS样式表基础</p> </body> </html>
font 简写属性在一个声明中设置所有字体属性。
可以按顺序设置如下属性:
font-style
font-weight
font-size/line-height
font-family
如:font: italic bold 36pt/40pt 黑体