[分享]css内嵌入到html中

发布于 2024-11-11 15:27:05

网页开发中，CSS（Cascading Style Sheets）起到了重要的作用，它可以对HTML（Hypertext Markup Language）文档进行样式控制，从而让网页呈现出独特的布局和视觉效果。在实现CSS样式控制时，最常见的方式就是在HTML文档中嵌入CSS样式代码。

<!DOCTYPE html>
<html>
<head>
  <title>CSS内嵌到HTML演示</title>
  <style>
    /* 嵌入CSS样式代码 */
    body {
      background-color: #f0f0f0;
    }
    h1 {
      color: #333;
      font-size: 36px;
      text-align: center;
    }
    p {
      color: #666;
      font-size: 18px;
      line-height: 32px;
      text-align: justify;
    }
  </style>
</head>
<body>
  <h1>CSS内嵌到HTML演示</h1>
  <p>在HTML文档中嵌入CSS样式代码，可以让我们更灵活地控制网页的样式效果。使用CSS，我们可以设置如字体、颜色、文字间距等等样式属性，让网页变得更加美观。</p>
</body>
</html>

在上面的例子中，我们在HTML的头部（head）标签中使用

css 教程