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

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


网站是风格和结构的结合,在今天的网站上,将网站的这两个方面分开是最好的做法。HTML一直是为站点提供其结构的东西。在Web的早期,HTML还包含样式信息。像标记这样的元素散布在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外部样式优势有哪些以及如何创建
网站网址:https://www.cdcxhl.com/news/142498.html

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

广告

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