如何在网站中引用CSS?

2016-03-23    分类: 网站建设

说到CSS,自从网站建设进入web2.0时代以来,它就占据着举足轻重的作用。

在web2.0之前,网站大多数都是由table构建而成的静态网页,但是到了web2.0之后,DIV+CSS的网站编写模式就开始流行起来。

在之前的文章中,我们对CSS的概念进行了了解,在这里我们着重学习一下如何在自己的页面中引用CSS。

要想在自己的页面中引入CSS,总共有三种方式:嵌入引用、页面引用、外部引用。

CSS嵌入引用方式

这是以前最为流行的方式,因为简单方便,直接在某个元素的标签中引入CSS样式,从而对该元素进行定义。

不过这种方式不符合前端解耦的原则,将样式耦合在结构标签中,这是违背网站优化准则的。

而且这种编写CSS样式的方法不能让该样式复用,从而加大编码投入。

CSS页面引用方式

这是针对某一个页面进行CSS样式设定的引用方式,主要是将CSS的样式写入

它的好处是可以对每个页面的大多数元素进行统一样式管理,作用域是该页面,在一些特殊情况下可以采用。

CSS外部引用方式

这是目前最为流行的CSS引用方式,将所有CSS样式写入一个CSS文件,通过标签引入页面,从而达到对整站样式统一管理的目的。

这种引用方式的好处是一次编写,每个页面都能够使用,比如CSS Reset就是采用外部引用的方式将每个页面的元素样式进行重置,所有外部引用的CSS文件只需要写进一个公用头文件即可。

引用方式的优先级

虽然嵌入引用最不可取,但是由于它本身离目标元素最近,所以它的样式会覆盖其余两种引用方式的样式,它们三者的优先级是嵌入引用>页面引用>外部引用,这点需要注意。

写在最后

CSS的引用方式非常丰富,按照你的需求选择不同的引用方式,才能够灵活地将你想要的样式融合在整个页面中去。

文章名称:如何在网站中引用CSS?
转载来源:https://www.cdcxhl.com/news/39594.html

成都网站建设公司_创新互联,为您提供小程序开发自适应网站响应式网站网站设计品牌网站制作网站导航

广告

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

网站优化排名