CSS——Fonts(字体)

来源：互联网发布：算法交易是量化编辑：程序博客网时间：2024/04/30 13:17

所有CSS字体属性

font            在一个声明中设置所有的字体属性font-family     指定文本的字体系列font-size       指定文本的字体大小font-style      指定文本的字体样式font-variant    以小型大写字体或者正常字体显示文本。font-weight     指定字体的粗细。

字体系列

Serif          Times New Roman Georgia    Serif字体中字符在行的末端拥有额外的装饰Sans-serif     ArialVerdana               "Sans"是指无 - 这些字体在末端没有额外的装饰Monospace      Courier NewLucida Console  所有的等宽字符具有相同的宽度

字体样式

正常 - 正常显示文本
斜体 - 以斜体字显示的文字
倾斜的文字 - 文字向一边倾斜（和斜体非常类似，但不太支持）

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>再见二逼K</title><style>p.serif{font-family:"Times New Roman",Times,serif;} <!--字体系列-->p.sansserif{font-family:Arial,Helvetica,sans-serif;}p.normal {font-style:normal;}<!--字体样式-->p.italic {font-style:italic;}p.oblique {font-style:oblique;}h1 {font-size:40px;} p {font-size:14px;} h2 {font-size:2.5em;} <!--40px/16=2.5em-->h3 {font-size:1.875em;} <!--30px/16=1.875em-->p1 {font-size:0.875em;} <!--14px/16=0.875em--></style></head><body><h1>CSS font-family</h1><p class="serif">这一段的字体是 Times New Roman </p><p class="sansserif">这一段的字体是 Arial.</p><p class="normal">这是一个段落,正常。</p><p class="italic">这是一个段落,斜体。</p><p class="oblique">这是一个段落,斜体。</p><h2>This is heading 1</h2><h3>This is heading 2</h3><p1>This is a paragraph.</p1></body></html>

运行结果：
这里写图片描述

0 0