如何在 HTML 页面中添加 CSS

如何在 HTML 页面中添加 CSS

cssweb developmentfront end technologyhtml

我们可以通过三种方式在 HTML 页面中添加 CSS。它们是 −

内联我们在元素的 style 属性中指定 CSS 样式。但是，建议使用 CSS 的内部或外部链接来实现文件模块化。

内部我们可以在 HTML 文档的 内的

/*external*/

示例

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

内联 CSS

Demo text here

输出

这将给出以下输出 −

示例

Internal linking

输出

这将给出以下输出 −

示例

External linking

HTML file

CSS file

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 将文本放置在图像上?

如何使用 HTML 和 CSS 创建响应式图像网格?

在 HTML 文档中添加 CSS

如何使用 HTML 和 CSS 创建超级菜单(导航栏中的全宽下拉菜单)?

打印

下一节 ❯