如何在网站中引用CSS？

说到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的引用方式非常丰富，按照你的需求选择不同的引用方式，才能够灵活地将你想要的样式融合在整个页面中去。


免费网站、模板网站和定制网站有什么区别？
如何挑选服务器才合理？从这五点入手
新站怎么加快收录？教你七点小技巧
通过一些细节让网站显得更加可信
绘画与设计在文化产业发展中的运用
Nginx上传文件提示413 Request Entity Too Large解决办法
自适应网站建设为什么说是一个坑呢？
临沂网站建设怎样选择关键词