关于before,after单双冒号是一个历史遗留问题。
CSS3中,单冒号用于伪类,例如:first-child,:last-child等,主要是像普通类一样便于选择;
双冒号用于伪元素,例如::before,::after,是一个没写在HTML上的元素;
为什么before,after用单冒号也可以?因为这是在CSS2中定义的,是兼容IE低版本的写法,在CSS3中就严格规定要用双冒号了。
大概就是酱紫。
CSS3中,单冒号用于伪类,例如:first-child,:last-child等,主要是像普通类一样便于选择;
双冒号用于伪元素,例如::before,::after,是一个没写在HTML上的元素;
为什么before,after用单冒号也可以?因为这是在CSS2中定义的,是兼容IE低版本的写法,在CSS3中就严格规定要用双冒号了。
大概就是酱紫。
2016-04-11
你首先禁掉你页面中所有的样式(以及与样式相关的信息),在浏览器中打开,如果你的内容排列有序,方便阅读,那么你的这个结构不会差到哪里去。(说得好)
2016-04-10
media query是CSS 3对media type(CSS2)的增强,事实上我们可以将media query看成是media type + css属性判断。
2016-04-10
w3c标准盒子:content-box, width为内容宽度,元素占位为width+padding+border+margin;
IE盒子:border-box, width为border以内的宽度,内容宽度是根据padding,border计算出来的,元素占位width+margin;
IE盒子:border-box, width为border以内的宽度,内容宽度是根据padding,border计算出来的,元素占位width+margin;
2016-04-09
假设background:black; 动画第一帧red, 最后一帧blue, delay 3s
none: black, delay 3s ,animation, black //在自身等待
forwards:black, delay 3s, animation, blue //关键是结束后停留在最后一帧
backwards:black, red, delay 3s, animation, black //关键是在第一帧等待
both: black, red, delay 3s, animation, blue //有两者的效果
none: black, delay 3s ,animation, black //在自身等待
forwards:black, delay 3s, animation, blue //关键是结束后停留在最后一帧
backwards:black, red, delay 3s, animation, black //关键是在第一帧等待
both: black, red, delay 3s, animation, blue //有两者的效果
2016-04-09
其实就是各属性的缩写,不用想复杂了.
transform: matrix(水平缩放,垂直扭曲,水平扭曲,垂直缩放,水平偏移,垂直偏移);
transform: matrix(水平缩放,垂直扭曲,水平扭曲,垂直缩放,水平偏移,垂直偏移);
2016-04-09