<lable for="usename">我是选中状态</lable>
应该是<label>
应该是<label>
2016-01-28
适当修改了,添加选择器以后的一些问题,修改了一些原有的样式以及结构,代码可以查看
https://jsbin.com/ziyohapilu/edit?html
https://jsbin.com/ziyohapilu/edit?html
2016-01-26
不是只需一句*{box-sizing:border-box;}吗?谁能告诉我为什么不用这个
=============>
你都滥用通配符了,还要问为什么。
=============>
你都滥用通配符了,还要问为什么。
2016-01-25
/*
background-clip:用来将图片做适当的裁切以适应实际需要!
background-clip:padding-box[从内填充开始裁切],
border-box[从边框开始裁切],
content-box[从内容区开始裁切],
no-clip[不裁切]
*/
background-clip:用来将图片做适当的裁切以适应实际需要!
background-clip:padding-box[从内填充开始裁切],
border-box[从边框开始裁切],
content-box[从内容区开始裁切],
no-clip[不裁切]
*/
2016-01-25
a{ background:green; }
a[class^='column']{ background:red; }
a[title*='box']{ background:blue; }
为什么一定要来个a[href$='doc'],这样感觉好傻。
a[class^='column']{ background:red; }
a[title*='box']{ background:blue; }
为什么一定要来个a[href$='doc'],这样感觉好傻。
2016-01-25
/*使用伪元素制作导航列表项分隔线*/
.nav li:after {
background-image:linear-gradient(to bottom,#f65f57,#B34439,#f65f57);
content:"";
width:1px;
height:20px;
position:absolute;
right:1px;
top:50%;
margin-top:-10px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after {
background-image:none;
}
.nav li:after {
background-image:linear-gradient(to bottom,#f65f57,#B34439,#f65f57);
content:"";
width:1px;
height:20px;
position:absolute;
right:1px;
top:50%;
margin-top:-10px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child:after {
background-image:none;
}
2016-01-25
/*制作圆*/
border-radius:5px;
/*制作导航立体风格*/
box-shadow:0px -5px #B34439 inset;
border-radius:5px;
/*制作导航立体风格*/
box-shadow:0px -5px #B34439 inset;
2016-01-25