标签：特点 单位 ora bsp 样式 三角形 font 改变 code
【面试 · 回看】
为兼容有的浏览器，需要加上前缀：
@keyframes myfirst { from {background: red;} to {background: yellow;} } @-moz-keyframes myfirst /* Firefox */ { from {background: red;} to {background: yellow;} } @-webkit-keyframes myfirst /* Safari 和 Chrome */ { from {background: red;} to {background: yellow;} } @-o-keyframes myfirst /* Opera */ { from {background: red;} to {background: yellow;} }
animation和transition的区别：
<style> .triangle{ width: 0; border-top: 30px solid blue; border-right: 30px solid yellow; border-bottom: 30px solid green; border-left: 30px solid red; } </style> <body> <div class="triangle"></div> </body>
这样的效果是：
只要把不需要的三个置为颜色透明即可。
=>如果需要锐角/钝角三角形，只需要设置上下宽高与左右宽高不同即可：
border-width: 100px 50px; //上下>左右 锐角三角形
CSS Sprites，又称为CSS精灵图、CSS雪碧图，或意译为CSS图片整合或CSS贴图定位，就是将很多张图片利用PS合称为一张背景图，再利用background-position进行背景定位的一种技术。
CSS Sprites的优点：
使用方法：使用CSS的background-image、 background-position、background-repeat属性。
em的特点：
=> 由于任何浏览器的默认字体高都是16px，所以在CSS的body选择器中声明Font-size = 62.5%，可以使得px与em之间刚好是10倍的关系。
*尤其注意计算子元素的字体大小，可能会出现em的继承问题。
CSS引入伪类和伪元素是为了格式化文档树以外的信息。
伪类和伪元素的区别：
伪类使用单冒号，伪元素使用双冒号，加以区别。
标签：特点 单位 ora bsp 样式 三角形 font 改变 code
原文地址：https://www.cnblogs.com/hermionepeng/p/13218623.html
