1.为了更好的向前兼容不同的浏览器,编写CSS3时都有哪些前缀?分别对应什么浏览器?
前缀 | 浏览器 |
---|---|
-webkit | chrome和safari |
-moz | firefox |
-ms | IE |
-o | opera |
2.伪类和伪元素分别是什么?
1.伪类的作用对象是整个元素
不同伪类之间区别是该元素的不同状态,例如:活动状态、鼠标悬停状态、已访问状态等。
2.伪元素的作用对象是元素的一部分
不同伪元素之间的区别是改元素的不同部分,例如:元素首行、元素第一个字符、元素之前、元素之后等。
3.分清 Transform 、Transition、 Animations 三兄弟,并阐述它们分别的用处?
1.Transform:拉伸、压缩、旋转、偏移等形状变换
机械式的旋转移动,常需要配合使用。
2.Transition:平滑的改变CSS值
用于颜色等样式的平滑过渡,只能设定首位两个样式,有触发条件。
3.Animations:动画效果
使元素从一种样式逐渐变化为另一种样式的动画效果,可以设定循环次数和任意多的样式。