如何将外部 CSS 链接到 HTML2024 年 8 月 28 日 | 3 分钟阅读 引言CSS，即层叠样式表（Cascading Style Sheets），在 Web 开发中用于指定网站的外观。简单来说，HTML 提供了网站的结构，而 CSS 则负责其样式或外观。 在 HTML 中，可以通过三种不同的方式添加层叠样式表（CSS）。
如何将外部 CSS 链接到 HTML？通过更改一个 CSS 文件，你可以使用外部 CSS 来改变多个网页的外观和样式。因此，这使我们能够快速完成任务，因为我们只需要转换一个文件。 <link> 标签用于在网页中引入外部样式表。这个 <link> 标签放置在 <head> 标签内部，并将应用于添加了该 CSS 的网站。 <link> 标签有多种用途，为了将外部样式表导入 HTML，定义正确的属性至关重要。 <link> 标签有多个属性，例如 rel、href 等。 在编写扩展名为 .css 的外部样式表文件时，不应使用任何 HTML 标签。 示例 CSS 在这个例子中，让我们看看 <link> 标签的 rel 属性如何设置当前文件与链接文件之间的关系，其中链接的文档是样式表文件 style.css，它是当前文档的样式表。 我们想要点击的文件的地址（URL）由 href 属性定义。 <link> 标签有四个属性：rel 和 href 属性是 <link> 标签的强制属性，而其余两个属性是可选的。 rel 属性如果不添加 rel 属性，我们就无法应用 <link> 标签。rel 属性可以告知浏览器它与导入文件之间的关系。 当我们编写 rel="stylesheet" 时，浏览器就会知道我们引用的是一个样式表。 示例 href 属性<link> 标签的另一个应同时使用的属性是 href 属性。 这有两种情况：
示例
示例 在这种情况下，它指向包含 style.css 文件的 CSS 文件夹。 type 属性标签的 type 属性用于定义我们链接到的内容类型；它是可选的。对于样式表，我们会写 text/css。在这种情况下，样式表仅在 CSS 中实现，type 属性不是必需的。 示例 media 属性link 标签的 media 属性是可选的。通过这个特性，可以为不同的屏幕尺寸和设备定义不同的样式。无法直接查看该属性的输出。有必要导入多个 CSS 样式及其对应的 link 元素。该属性的值需要一个媒体查询。 示例 结论
下一个主题如何在 HTML 中创建注册表单 |
我们请求您订阅我们的新闻通讯以获取最新更新。
我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题
G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India
Python
Java
JavaScript
SQL
C
C++
HTML
CSS
React
Node.js
Spring Boot
C#
PHP
MySQL
MongoDB
AI
ML
DSA
DBMS
OS
Aptitude
Reasoning