网站制作用的CSS外部样式优势有哪些以及如何创建

2022-01-01 分类：网站制作

网站是风格和结构的结合，在今天的网站上，将网站的这两个方面分开是最好的做法。HTML一直是为站点提供其结构的东西。在Web的早期，HTML还包含样式信息。像<font>标记这样的元素散布在HTML代码中，除了结构信息之外，还添加了外观信息。Web标准运动促使我们改变这种做法，转而将所有样式信息放入CSS或层叠样式表中。更进一步，网站制作用的CSS外部样式优势有哪些以及如何创建他们呢？

外部样式表的优缺点

层叠样式表最好的一点是，您可以使用它们来保持整个站点的一致性。最简单的方法是链接或导入外部样式表。如果对站点的每个页面使用相同的外部样式表，则可以确保所有页面都具有相同的样式。您还可以更轻松地为将来进行更改。由于每个页面使用相同的外部样式表，因此对该表所做的任何更改都将影响每个站点页面。这比单独更改每个页面要好得多！

外部样式表的优点。您可以同时控制多个文档的外观和感觉。这是特别有用的，如果你与一个团队的人创建您的网站。许多样式规则可能很难记住，尽管您可能有一份打印样式指南，但为了确定示例文本是用12点Arial字体还是14点信使编写的，连续翻阅该指南是低效且乏味的。通过把所有的东西都放在一个地方，而且那个地方也是您要进行更改的地方，您可以使维护变得更加容易。您可以创建可用于许多不同HTML元素的样式类。如果您经常使用某种字体样式来强调页面上的各种内容，则可以使用在样式表中设置的class属性来获得此外观和感觉，而不是为强调的每个实例定义特定的样式。您可以轻松地对您的样式进行分组，以提高效率。CSS可用的所有分组方法都可以在外部样式表中使用，这为您的页面提供了更多的控制和灵活性。

外部样式表的缺点。外部样式表可以增加下载时间，特别是当它们非常大时。由于CSS文件是一个单独的文档，必须加载它，因此它将影响执行该下载的性能。外部样式表变大的速度非常快，因为很难判断何时某个样式不再使用，因为在删除页面时该样式不会被删除。正确管理CSS文件非常重要，特别是在多个人在处理同一文件的情况下。如果您只有一个页面的网站，有一个CSS的外部文件可能是没有必要的，因为您只有一个页面的样式。当您只有一个页面站点时，外部CSS的许多优点就会消失。

如何创建外部样式表

外部样式表是使用类似于文档级样式表的语法创建的。但是，您需要包含的只是选择器和声明。就像在文档级样式表中一样，规则的语法是：

selector {property : value;}

将这些规则保存到扩展名为.css的文本文件中。这并不是必需的，但是这是一个很好的习惯，所以您可以在目录列表中立即识别出您的样式表。一旦有了样式表文档，就需要将其链接到Web页面。有两种方法可以做到这一点：

Linking为了链接样式表，可以使用HTML标记。这具有属性rel、type和href。rel属性告诉您正在链接什么(在本例中是样式表)，类型定义浏览器的MIME-Type，href是.css文件的路径。

Importing您可以在文档级样式表中使用导入的样式表，以便可以导入外部样式表的属性，而不会丢失任何文档特定的属性。调用它的方式与调用链接样式表的方式类似，只是它必须在文档级样式声明中调用。可以根据维护网站的需要导入任意数量的外部样式表。

网站名称：网站制作用的CSS外部样式优势有哪些以及如何创建
文章位置：/news48/142498.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站制作等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容