当网页浏览器加载网页时，其显示模式取决于级联样式表中的信息。在HTML文件中使用样式表有三种方式：外部、内部和内联。
并且内部嵌入的样式表存储在HTML文件本身中。它们目前很容易工作，但由于没有存储在中心位置，不可能同时轻松更改整个网站上的样式。您必须返回每个条目并手动更改。
但是，对于外部样式表，呈现页面的描述存储在单个文件中，这使得在整个网站或多个元素上编辑样式变得非常容易。该文件使用。CSS文件扩展名，并且HTML文档包含指向文件位置的链接，这样Web浏览器就可以知道在哪里可以找到样式描述。
一个或多个文档可以链接到同一个CSS文件，一个网站可能有许多独特的CSS文件，用于为不同的页面、表格、图像等设置样式。
如何链接到CSS外部样式表？
每个想要使用特定外部样式表的网页都需要链接到标题部分的CSS文件，如下所示：
头
link rel="样式表" type=" text/CSS " href=" style . CSS "
/head
在本例中，唯一需要更改以使其适合您自己的文档的是styles.css文本，这是css文件的位置。
如果该文件实际上被称为styles.css，并且与链接到它的文档位于同一个文件夹中，则它可以保持与上面读取的完全相同。但是，您的CSS文件可能会以其他名称命名，在这种情况下，您只需要将名称从“样式”更改为您的名称。
如果CSS文件不在此文件夹的根目录中，而是在子文件夹中，它可能会显示以下内容：
头
link rel="样式表" type=" text/CSS " href=" style \ menu \ black . CSS "
/(】电商网站seo，无名seo博客，wWw.lWYseo.com)】负责人
有关外部CSS文件的更多信息
外部样式表的最大优点是它们不依赖于任何特定的页面。如果样式在内部或内联实现，网站上的其他页面就不能指向这些样式首选项。
但是，有了外部样式，网站上的每个页面都可以使用相同的CSS文件，这样所有页面都有统一的外观，编辑整个网站的CSS内容非常容易和集中。
你可以在下面看到它是如何工作的.
内部样式需要使用样式标签，因为它们需要与html标签区分开来：
头
风格
正文{
背景-颜色：绿色；
}
h1 {
颜色：蓝色；
左边距left: 15px
}
/style
/head
但是，由于外部样式表包含在它们自己的文件中，所以可以像这样创建它们，这意味着它们与上面的示例完全相同：
正文{
背景-颜色：绿色；
}
h1 {
颜色：蓝色；
左边距left: 15px
}
在这些示例中，内联样式仅适用于该特定页面，显然是因为它包含在HTML页面的标题细节中。在第二个示例中，CSS信息在CSS文件中是独立的，任何页面都可以使用上面“如何链接到外部样式表”一节中的代码链接到该文件。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/74254.html