这篇文章的内容程序员跳过,这里的主要目的是让不了解网络的人多了解网络知识。

什么是CSS呢,我们可以这样去理解,HTML是人都话,那么CSS就是衣服,

衣服再漂亮要穿在人身上才能显示出来,要是摆在衣柜里或仓库内就无法发挥它的特点。

讲到这里,你应该明白CSS是做什么的吧,它要与HTML配对使用才能发挥它的作用,

HTML是网页的主体,是网页的框架,而CSS就是调整网页主体,网页框架的颜色,

大小,边框等等各种属性的代码,所以CSS在网站中担任的角色就是修饰工。

好了,现在我们来看看CSS是怎么给HTML进行装修的。

直接写在HTML文件

<style>h1{font-size:24px;}...</style>

直接在HTML文件里写CSS代码要在<style>标签里面,或添加在标签属性里面:

<h1 style="font-size:24px;">标题<h1>

引入CSS文件

引入CSS文件有两种方式一种是:

<style>@import url("../style.css");</style>

这种方式引入是CSS2的时候提出来的,它是在加载完成HTML文档之后才对CSS文件进行加载,

这里的url()里面的文件路径是相对HTML文件的,当然你也可以使用绝对路径进行引用。

还有一种方式是:

<link rel="stylesheet" href="../style.css" type="text/css"/>

link加载CSS的方式是在HTML正在加载的同时加载CSS文件,它们是混为一体的。

link是HTML里面的标签,在任何浏览器里面没有兼容性的问题,而@import是在CSS2以后才提出来的,

所以对低版本的浏览器兼容性不是很好。