首页 > 资讯动态 > 资讯详情

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

2019-02-01 19:33:15 | 阅读:3244

网站制作用的CSS外部样式优势有哪些以及如何创建
网站是风格和结构的结合,在今天的网站上,将网站的这两个方面分开是最好的做法。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您可以在文档级样式表中使用导入的样式表,以便可以导入外部样式表的属性,而不会丢失任何文档特定的属性。调用它的方式与调用链接样式表的方式类似,只是它必须在文档级样式声明中调用。可以根据维护网站的需要导入任意数量的外部样式表。
立即联系咨询 比较十次,不如咨询一次。留下你的联系信息,让我们用态度与经验给您一份惊喜!
立即咨询

引航博景,专业品牌数字化服务机构,专注高端定制化产品开发与服务提供。

引航博景的前身是博信网络工作室,2006年创立于上海。2008年起,以上海引航信息技术有限公司为主体开展业务,现在上海、合肥两地设有办公室。

业务涵括系统软件开发、高端网站建设、设计交互制作、年度运维服务等,十五年来服务客户上千家并深受好评。

版权所有 © 2006-2024 上海引航信息技术有限公司沪ICP备09069965号沪公网安备31011302005006号 网站地图

专业品牌数字化服务商-引航博景正在为您服务咨询电话:400-997-5855