css有哪些字体样式

在网页设计中，CSS（层叠样式表）提供了丰富多样的字体样式选项，能够让网页的文本呈现出各种各样的效果，从而提升用户体验和视觉吸引力。下面就来详细介绍一些常见的CSS字体样式。

首先是字体家族（font-family）。它用于指定文本使用的字体。可以指定具体的字体名称，如“Arial”“Times New Roman”等。还可以设置多个字体名称，形成一个字体栈。当用户设备上没有第一种字体时，会依次尝试后面的字体，直到找到可用的字体。例如：font-family: Arial, sans-serif;，这表示优先使用Arial字体，如果没有则使用系统默认的无衬线字体。

字体大小（font-size）也是重要的样式之一。可以使用像素（px）、百分比（%）、em等单位来设置字体大小。像素是固定大小，而百分比和em则是相对大小，会根据父元素的字体大小进行计算。比如：font-size: 16px; 或者 font-size: 120%;。

字体样式（font-style）主要用于设置文本的斜体效果。常见的值有“normal”（正常）、“italic”（斜体）和“oblique”（倾斜）。例如：font-style: italic; 可以使文本呈现斜体显示。

字体粗细（font-weight）用于控制文本的粗细程度。常见的值有“normal”（正常）、“bold”（加粗）以及数字值（如100 - 900）。数字越大，字体越粗。例如：font-weight: bold; 或者 font-weight: 600;。

文本装饰（text-decoration）可以为文本添加下划线、上划线、删除线等效果。常见的值有“none”（无装饰）、“underline”（下划线）、“overline”（上划线）和“line-through”（删除线）。例如：text-decoration: underline; 会给文本添加下划线。

还有文本转换（text-transform）样式，用于将文本转换为大写、小写或首字母大写等形式。值包括“none”（不转换）、“uppercase”（大写）、“lowercase”（小写）和“capitalize”（首字母大写）。

通过灵活运用这些CSS字体样式，设计师可以根据网页的设计需求，创造出丰富多样的文本效果，使网页内容更加生动和吸引人。