在HTML中,引入CSS的方法主要有行内式、内嵌式、导入式和链接式4种。
一、行内式
即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。
二、内嵌式
在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便。如:
三、导入式
导入式格式如下:
四、连接式
格式如下:
五、link 和@import 的区别
link属于XHTML标签,而@import完全是CSS提供的一种方式;
- 页面被加载的时候,link-会同时被加载,而@import引用的CSS会等到页面被加载完再加载;
- import只有在IE5以上的才能识别,而link是XHTML标签,无兼容问题;
link方式的样式的权重 高于@import的权重。