CSS 外部样式表是里面全写 CSS 代码, 扩展名为. CSS 的外部文件, 然后通过 link 标签插入到 html 代码中.
当 web 浏览器加载网页时, 它的显示方式取决于来自级联样式表的信息, HTML 文件有三种使用样式表的方法: 外部, 内部和内联.
内部和内嵌样式表存储在 HTML 文件本身中. 它们很容易在当下工作, 但由于它们不是存储在中心位置, 因此不可能轻易地在整个网站上同时更改样式; 您必须返回每个条目并手动更改它.
但是, 使用外部样式表, 呈现页面的说明存储在单个文件中, 这使得在整个网站或多个元素上编辑样式非常容易. 该文件使用. CSS 文件扩展名, 并且 HTML 文档中包含指向该文件位置的链接, 以便 Web 浏览器知道在哪里查找样式说明.
一个或多个文档可以链接到同一个 CSS 文件, 一个网站可能有许多独特的 CSS 文件, 用于为不同的页面, 表格, 图像等设置样式.
如何链接到 CSS 外部样式表?
每个想要使用特定外部样式表的网页都需要链接到 < head > 部分中的 CSS 文件, 如下所示:
- <head>
- <link rel="stylesheet" type="text / css" href="styles.css">
- </head>
在此示例中, 唯一需要更改以使其适用于您自己的文档的是 styles.CSS 文本, 这是 CSS 文件的位置.
如果文件实际上被称为 styles.CSS 并且与链接到它的文档位于完全相同的文件夹中, 那么它可以保持与上面所读的完全相同. 但是, 您的 CSS 文件可能标题为其他内容, 在这种情况下, 您只需将名称从 "styles" 更改为您的名称即可.
如果 CSS 文件不在此文件夹的根目录中, 而是在子文件夹中, 则它可能会读取以下内容:
- <head>
- <link rel="stylesheet" type="text / css" href="styles \ menus \ black.css">
- </head>
更多 Web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16435.html