如何在 HTML 页面中包含 CSS

我们可以通过三种方式在 HTML 页面中包含 CSS。它们是 -

• Inline

  这里我们在元素的 style 属性中指定 CSS 样式。不过，建议通过 CSS 的内部或外部链接来模块化文件。

• 内部

  我们可以在

• 外部

  我们可以使用链接可以放置在本地或服务器上的 .css 文件标签。通过使用文件的外部链接来重构文件，我们可以拥有一个可以在多个网页上使用的通用 CSS 文件。

语法

语法在HTML中包含CSS文件如下

/*inline*/  /*internal*/   
 /*external*/   

示例

以下示例说明了如何将 CSS 文件包含在 HTML 页面中

内联 CSS

实时演示

   
  
 
 Demo text here 
  

输出

这给出了以下输出 -

示例

内部链接

实时演示

输出

这给出了以下输出 -

示例

外部链接

HTML 文件

实时演示

CSS 文件

div { margin: auto; padding: 15px; width: 33%; border: 2px solid; border-radius: 50%; } div > div { border-color: green; } div > div > div { border-color: red; }

输出

这给出了以下输出 -

以上是如何在 HTML 页面中包含 CSS的详细内容。更多信息请关注PHP中文网其他相关文章！