div {
min-height: 30px;
}
div:not(:empty){
border: 1px solid green;
}
div:empty{
border:1px solid red;
}
min-height: 30px;
}
div:not(:empty){
border: 1px solid green;
}
div:empty{
border:1px solid red;
}
2016-11-25
绕了半天,关于transform后设置多个旋转位移效果时要注意, 中间加个空格分开:同时应用多个属性
如果分开写(例如;),后面设置的属性则会覆盖前面的
如果分开写(例如;),后面设置的属性则会覆盖前面的
2016-11-25
我的理解是这样的:
none:从自身初始值开始依次第一帧、第二帧...最后回到自身初始值
forwards:从自身初始值开始依次第一帧、第二帧...最后停在最后一帧
backwards:从第一帧开始,最后回到自身初始值
both:从第一帧开始,最后停在最后一帧
所以这里文章上说both同时具有两者属性应该指的就是具有backwards的从第一帧开始,和具有forwards的停在最后一帧
none:从自身初始值开始依次第一帧、第二帧...最后回到自身初始值
forwards:从自身初始值开始依次第一帧、第二帧...最后停在最后一帧
backwards:从第一帧开始,最后回到自身初始值
both:从第一帧开始,最后停在最后一帧
所以这里文章上说both同时具有两者属性应该指的就是具有backwards的从第一帧开始,和具有forwards的停在最后一帧
2016-11-24
我试了一下三个偏移量的意思应该是,在盒子底层有一个阴影层,如果0,0则重合,4,4第一个代表阴影右移4px,第二个下移4px,第3个是阴影的模糊程度,越到则越模糊
2016-11-24
a[class^="column"]{background:red;}
a[href$="doc"]{background:green;}
a[title*="box"]{background:blue;}
a[href$="doc"]{background:green;}
a[title*="box"]{background:blue;}
2016-11-24
.box input{position:absolute; opacity:0;color}
.box span{color:orange;position:absolute;top:-5px;font-size:20px;font-weight:bold;left:4px;}
.box input + span{opacity:0;}
.box input:checked+span{opacity:1;}
.box span{color:orange;position:absolute;top:-5px;font-size:20px;font-weight:bold;left:4px;}
.box input + span{opacity:0;}
.box input:checked+span{opacity:1;}
2016-11-24
IE传统的border-box模型更加直观、易理解,W3C标准content-box盒子模型比较违背直观,不好理解,主要的区别是CSS中设置的width和height指的是内容的宽度/高度(box-sizing:content-box)还是盒子的宽度/高度(box-sizing:border-box)
2016-11-24