CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。
在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种。
1、行内式:即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。
This is a paragraph
2、嵌入式:在对页面中各种元素的设置集中写在
和之间的,对于单个页面来说,这种方式很方便。3、导入式:导入式格式如下:
@import url("testCss.css");
4、连接式:格式如下:
采用后两种方式后的显示效果略有区别,区别如下:@import是CSS提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载CSS文件,还可以定义RSS,rel连接属性等;
加载页面时,link引入的CSS被同时加载,@import引入的CSS将在页面加载完毕后加载;
link标签作为HTML元素,不存在兼容性问题,而@import是CSS2.1才有的语法,故老版本浏览器(IE5之前)不能识别;
可以通过JS操作DOM,来插入link标签改变样式;由于DOM方法是基于文档的,无法使用@import方式插入样式;