如何使用 styl 标签定义 HTML 页面的样式信息?

javascriptweb developmentfront end scripts

HTML <style> 标签用于在 HTML 文档的头部声明样式表,该技术称为内部 CSS,用于将 CSS 添加到 HTML 页面。CSS 可以在 HTML 中以多种方式使用。其中之一是使用内部 CSS,即使用 <style> 标签。

<style> 标签用于 <head>…</head> 标签。它为单个页面定义 CSS 样式。

示例

您可以尝试运行以下代码来使用 <style> 标签

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {color: green;}
         p {font-size: 14px;}
      </style>
   </head>
   <body>
      <h1>Tutorials</h1>
      <p>We provide free learning content.</p>
   </body>
</html>

相关文章