css改字体样式

CSS 改字体样式

基础概念

CSS（层叠样式表）是一种用于描述HTML或XML（包括SVG、MathML等各种XML方言）文档样式的样式表语言。通过CSS，可以控制网页的布局、颜色、字体等视觉效果。

类型

CSS中改变字体样式的属性主要包括：

font-family：设置字体系列。
font-size：设置字体大小。
font-weight：设置字体的粗细。
font-style：设置字体的风格，如斜体。
text-decoration：设置文本的装饰，如下划线、删除线等。

应用场景

网页设计：改变标题、段落、按钮等元素的字体样式，以增强视觉效果。
响应式设计：根据不同的屏幕尺寸调整字体大小，以适应不同的设备。
主题设计：为网站的不同部分设置不同的字体风格，以实现特定的视觉效果。

示例代码

以下是一个简单的示例，展示如何使用CSS改变字体样式：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Font Styling</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        h1 {
            font-size: 36px;
            font-weight: bold;
        }
        p {
            font-size: 18px;
            font-style: italic;
        }
        .highlight {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <h1>Welcome to Our Website</h1>
    <p>This is a sample paragraph with <span class="highlight">highlighted</span> text.</p>
</body>
</html>