头部或身体中的 css

📌 相关文章

📜 头部或身体中的 css - CSS (1)

📅 最后修改于: 2023-12-03 15:37:53.073000 🧑 作者: Mango

CSS可以在网页的头部或者身体中进行设置。其中，头部中的CSS可以在整个页面中使用，而身体中的CSS则只能在特定的页面上使用。

头部中的CSS

头部中的CSS可以通过<style>标签或<link>标签来引入。<style>标签可以写在HTML文档的<head>标签中，也可以直接写在HTML文档中。例如：

<!DOCTYPE html>
<html>
  <head>
    <title>头部中的CSS</title>
    <style>
      body {
        background-color: lightblue;
      }
      h1 {
        color: white;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
  </body>
</html>

<link>标签可以将一个CSS文件链接到HTML文档中。例如：

<!DOCTYPE html>
<html>
  <head>
    <title>头部中的CSS</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
  </body>
</html>

其中，href属性指定了需要链接的CSS文件的路径。

身体中的CSS

身体中的CSS可以通过在HTML文档中的元素的style属性中进行设置。例如：

<!DOCTYPE html>
<html>
  <head>
    <title>身体中的CSS</title>
  </head>
  <body style="background-color: lightblue;">
    <h1 style="color: white; text-align: center;">这是一个标题</h1>
    <p>这是一个段落。</p>
  </body>
</html>

其中，style属性中的CSS样式通过分号隔开。

总结

以上就是头部或身体中的CSS的介绍。通过CSS的设置，我们可以轻松地为网页添加更加美观的样式。