都说网页前端是美容师,大量的选择器衍变为几何的变化 美的让我等触不及防。原谅我对你不懂得欣赏。
2016-09-02
我在实际开发中,很少用内阴影,没想到效果不错。
内阴影
.boxshadow-inset{
width:100px;
height:100px;
border-radius:50px;
box-shadow:0px -4px 10px 5px #666 inset,0px 0px 6px #666;
}
内阴影
.boxshadow-inset{
width:100px;
height:100px;
border-radius:50px;
box-shadow:0px -4px 10px 5px #666 inset,0px 0px 6px #666;
}
2016-09-02
ul > li:nth-child(2n-1){
//css
}
2n的意思就是所有li的索引能被n的2次方整除,也就是2的倍数的意思,-1的意思就是所有2n的倍数的li标签再向前进一位
比如2n匹配第 2 , 4 ,6 ,8 个li标签,-1就等于匹配1,3,5,7的标签
//css
}
2n的意思就是所有li的索引能被n的2次方整除,也就是2的倍数的意思,-1的意思就是所有2n的倍数的li标签再向前进一位
比如2n匹配第 2 , 4 ,6 ,8 个li标签,-1就等于匹配1,3,5,7的标签
2016-09-01
如果li父级元素最后一个标签不是li,li在倒数第二个那么选择器也不会选中li
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item5</li>
<li>li 不会被 ul > li:last-child选中</li>
<p>this is last</p>
</ul>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item5</li>
<li>li 不会被 ul > li:last-child选中</li>
<p>this is last</p>
</ul>
2016-09-01
background-size:auto;//图片原始大小
background-size:<长度值|百分比>//更改背景图片大小,如果只设置一个值,那么将会作为图片的宽度值等比缩放。
background-size:cover;//覆盖住整个元素背景
background-size:contain;//将图片等比缩放到图片的其中一个边紧贴元素边的时候停止缩放。
background-size:<长度值|百分比>//更改背景图片大小,如果只设置一个值,那么将会作为图片的宽度值等比缩放。
background-size:cover;//覆盖住整个元素背景
background-size:contain;//将图片等比缩放到图片的其中一个边紧贴元素边的时候停止缩放。
2016-09-01