2.5CSS字体_css2.5d文字设置-优快云博客

本文链接：https://blog.youkuaiyun.com/beloved_yu/article/details/127519208

博客主要介绍了CSS字体属性，包括font-size定义文字大小，有绝对和相对大小之分；font-style设置字体样式，如normal、italic等；font-weight设置字体粗细，可用属性值或数字表示；还介绍了font-family可通过列表为元素设置字体。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS字体属性定义字体，加粗，大小，文字样式。

font-size 定义文字大小

字体大小的值可以是绝对或相对的大小。

绝对大小：

设置一个指定大小的文本
不允许用户在所有浏览器中改变文本大小
确定了输出的物理尺寸时绝对大小很有用

相对大小：

相对于周围的元素来设置大小
允许用户在浏览器中改变文字大小

如果你不指定一个字体的大小，默认大小和普通文本段落一样，是16像素（16px=1em）。

值	描述
xx-small x-small small medium large x-large xx-large	把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。默认值：medium。
smaller	把 font-size 设置为比父元素更小的尺寸。
larger	把 font-size 设置为比父元素更大的尺寸。
length	把 font-size 设置为一个固定的值。
%	把 font-size 设置为基于父元素的一个百分比值。
inherit	规定应该从父元素继承字体尺寸。

font-style:

设置字体样式：

normal， italic， oblique， inherit

normal：默认值，浏览器显示标准的字体样式

italic：显示一个斜体的字体样式

oblique：显示一个倾斜的字体样式

inherit；从父类继承字体样式

font-weight：设置字体的粗细：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title>
<style>
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
</style>
</head>

<body>
<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>
</body>

</html>

属性值：

normal 默认值：

bold：定义粗体文字

bolder：定义更粗的文字

lighter：定义更细的文字

用数字表示；

400等同normal

700等同bold

font-family
CSS 属性 font-family 允许您通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体。
属性值用逗号隔开。浏览器会选择列表中第一个该计算机上有安装的字体，或者是通过 @font-face 指定的可以直接下载的字体。