本文详细介绍了CSS中关于字体和文本样式的属性，包括font的简写属性、font-family、font-style、font-variant、font-weight、font-size的使用方法，以及text-indent、text-align、word-spacing、letter-spacing、text-transform和text-decoration等文本属性。通过这些属性，可以精确控制网页文本的显示效果，如字体、大小、样式、对齐、间距和装饰。
目录
- justify
去掉超链接的下划线，可以使用: a {text-decoration: none;}
CSS 字体样式
- font 简写属性
简写属性，把所有针对字体的属性设置在一个申明中
定义和用法
font 简写属性在一个声明中设置所有字体属性。
注释：此属性也有第六个值："line-height"，可设置行间距。
说明
这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体，使之与用户计算机环境中的某个方面一致。注意，如果没有使用这些关键词，至少要指定字体大小和字体系列。
可以按顺序设置如下属性：
- font-style
- font-variant
- font-weight
- font-size/line-height
- font-family
可以不设置其中的某个值，比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。
值 描述 font-style 规定字体样式。normal - 文本正常显示；italic - 文本斜体显示；oblique - 文本倾斜显示 font-variant 规定字体异体。small-caps; font-weight 规定字体粗细。normal - 文本正常显示；bold - 粗体字符；bolder-更粗字符；lighter- 更细文本；100-900，自定义字符粗细。 font-size/line-height 规定字体尺寸和行高。 font-family 规定字体系列。 caption 定义被标题控件（比如按钮、下拉列表等）使用的字体。 icon 定义被图标标记使用的字体。 menu 定义被下拉列表使用的字体。 message-box 定义被对话框使用的字体。 small-caption caption 字体的小型版本。 status-bar 定义被窗口状态栏使用的字体 <html> <head> <style type="text/css"> p.ex1 { font:italic arial,sans-serif; } p.ex2 { /*斜体显示 粗体 尺寸/行高 字体样式1，字体样式2*/ font:italic bold 12px/30px arial,sans-serif; } </style> </head> <body> <p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p> <p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p> </body> </html>
- font-family 规定元素的字体系列
font-family 规定元素的字体系列。
font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。
有两种类型的字体系列名称：
- 指定的系列名称：具体字体的名称，比如："times"、"courier"、"arial"。
- 通常字体系列名称：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
提示：使用逗号分割每个值，并始终提供一个类族名称作为最后的选择。
注意：使用某种特定的字体系列（Geneva）完全取决于用户机器上该字体系列是否可用；这个属性没有指示任何字体下载。因此，强烈推荐使用一个通用字体系列名作为后路。
/*单个字体指定 */ h1 {font-family: Georgia;} /*多个字体进行备用 */ p { /* 按顺序进行查找，若找到则按照找到的字体进行输出*/ font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif; }使用引号
您也许已经注意到了，上面的例子中使用了单引号。只有当字体名中有一个或多个空格（比如 New York），或者如果字体名包括 # 或 $ 之类的符号，才需要在 font-family 声明中加引号。
单引号或双引号都可以接受。但是，如果把一个 font-family 属性放在 HTML 的 style 属性中，则需要使用该属性本身未使用的那种引号：
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;">...</p>
- font-style 定义字体的风格
font-style 属性定义字体的风格。
该属性设置使用斜体、倾斜或正常字体。斜体字体通常定义为字体系列中的一个单独的字体。
理论上讲，用户代理可以根据正常字体计算一个斜体字体。
该属性有三个值：
- normal - 文本正常显示
- italic - 文本斜体显示
- oblique - 文本倾斜显示
p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;}
italic 和 oblique 的区别
font-style 非常简单：用于在 normal 文本、italic 文本和 oblique 文本之间选择。唯一有点复杂的是明确 italic 文本和 oblique 文本之间的差别。
斜体（italic）是一种简单的字体风格，对每个字母的结构有一些小改动，来反映变化的外观。
倾斜（oblique）文本则是正常竖直文本的一个倾斜版本。通常情况下，italic 和 oblique 文本在 web 浏览器中看上去完全一样。
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
