CSS 相关问题
display:none和visibility:hidden的区别？
-
display:none 隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢，就当他从来不存在。
-
visibility:hidden 隐藏对应的元素，但是在文档布局中仍保留原来的空间。
CSS中 link 和@import 的区别是？
-
link属于HTML标签，而@import是CSS提供的;
-
页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;
-
import只在IE5以上才能识别，而link是HTML标签，无兼容问题;
-
link方式的样式的权重 高于@import的权重。
position:absolute和float属性的异同
共同点：对内联元素设置`float`和`absolute`属性，可以让元素脱离文档流，并且可以设置其宽高。
不同点：float仍会占据位置，position会覆盖文档流中的其他元素。
CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
- id选择器（ # myid）
- 类选择器（.myclassname）
- 标签选择器（div, h1, p）
- 相邻选择器（h1 + p）
- 子选择器（ul > li）
- 后代选择器（li a）
- 通配符选择器（ * ）
- 属性选择器（a[rel = "external"]）
- 伪类选择器（a: hover, li:nth-child）
- 可继承的样式： font-size font-family color, text-indent;
- 不可继承的样式：border padding margin width height ;
- 优先级就近原则，同权重情况下样式定义最近者为准;
- 载入样式以最后载入的定位为准;
优先级为:内联 > !important > id > class > tag
position的值， relative和absolute分别是相对于谁进行定位的？
absolute ——生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。
fixed （老IE不支持）——生成绝对定位的元素，相对于浏览器窗口进行定位。
relative ——生成相对定位的元素，相对于其在普通流中的位置进行定位。
static ——默认值,没有定位，元素出现在正常的流中
CSS3有哪些新特性？
-
CSS3实现圆角（border-radius）
-
阴影（box-shadow），
-
对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
-
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜
-
增加了更多的CSS选择器 多背景 rgba
-
在CSS3中唯一引入的伪元素是::selection.
-
媒体查询，多栏布局
-
border-image
