导入css文件可以使用link标签,或者@import关键字。
两者区别(复制粘贴):
1.从属关系区别
@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。
2.加载顺序区别
加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。
3.兼容性区别
@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。
4.DOM可控性区别
可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式。
css移动端的兼容性问题。一、浮动问题:我们在平时切页面时,经常会出现用完浮动(float),忘记删除.下面的布局出现莫名其妙的空白高度,导致布局调整失败,避免使用浮动;
二、1、水平居中—使用text-align;
2、margin:auto居中;
3、table-cell居中;
4、Absolute居中;
5、使用translate居中;
6、使用Flexbox居中;
7、使用calc居中;
三、常见的兼容性问题;
四、csshack;
五、cssfilter;
六、更换渲染模式;
七、浏览器内核;
八、让H5页面适应所有的iphone手机以及安卓机型的六大技巧;
九、REM布局。