智一面gtalent-前端面试问题与技巧性答复(04)

智一面为您提供模拟练习题：

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的方式插入样式。

5.权重区别(该项有争议，下文将详解)
link引入的样式权重大于@import引入的样式

css选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？

1. id选择符，class选择符，标签选择符，包含选择符，群组选择符，类选择符，子选择符，属性选择符，通配符，相邻兄弟选择器以及伪类。
2. CLASS属性，伪类A标签，列表ul、li、dl、dd、dt可以继承
3. 优先级就近原则
4. important优先级高

前端页面有哪三层构成，分别是什么？作用是什么？

结构层 HTML，表示层 CSS，行为层 JavaScript

CSS的基本语法构成是？

选择器{属性1:值1;属性2:值2......}

你做的网页在哪些浏览器测试过？这些浏览器的内核分别是什么？

Ie(Ie内核)，火狐(Gecko)，谷歌(webkit)，Safari(webkit)，opear(Presto)。

智一面|热门IT岗面试题集锦