style标签用法
css外部样式表代码
在HTML中，可以使用<style>标签来定义一些CSS样式规则。这样，在HTML文档中的元素就可以应用这些样式规则。
<style>标签必须放置在<head>标签中。以下是一些<style>标签的用法示例：
1. 使用<style>标签定义内部样式表：
  <head>
    <style>
      p {
        color: red;
      }
    </style>
  </head>
  在上面的示例中，<p>标签会应用color属性为红的样式。
2. 使用<style>标签导入外部样式表：
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  在上面的示例中，<link>标签用于导入名为style.css的外部样式表。
3. 直接在<style>标签中编写复杂的样式规则：
  <head>
    <style>
      .header {
        background-color: blue;
        color: white;
        font-size: 24px;
      }
      #logo {
        width: 100px;
        height: 100px;
      }
    </style>
  </head>
  在上面的示例中，.header和#logo是CSS选择器，分别用于选择class为header和id为logo的元素，并应用相应的样式规则。
4. 使用<style>标签内的注释：
  <head>
    <style>
      /* 这是一个注释 */
      p {
        font-weight: bold;
      }
    </style>
  </head>
  在上面的示例中，注释用于解释样式规则的含义。
请注意，在实际使用中，最好将样式规则定义在外部样式表中，并使用<link>标签将其导入到HTML文档中。这样可以使样式和内容分离，提高可维护性。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。