- 博客(3)
- 收藏
- 关注
原创 关于定位——遮罩层效果使用心得
今天写代码时遇到个问题。原效果要求当鼠标聚焦在其他位置时显示正常内容,鼠标悬停时显示隐藏内容。我自己的思路是将隐藏部分设置位所需大小,透明度为零隐藏。定位在需要位置,鼠标悬停触发效果。用css实现。定位时发现不能定位到所需位置。所以就重新学了定位,并归纳如下:1position值:static relative absolute fixed inhertstatic:元素
2017-02-23 21:17:17 1535
原创 box-sizing
传统盒子模型:.box{width:300px; border:3px solid #FFFFFF;}此时该盒子总宽度:width=300+3+3=306px;当使用box-sizing属性时:.box{width:300px; border:3px solid #FFFFFF;-webkit-box-sizing: border-box; -moz-box
2017-02-22 16:41:54 237
转载 关于子元素浮动父元素高度为零的解决办法
1. 额外标签法这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签。2. 使用after伪类这种方法就是对父容器使用after伪类和内容声明在指定的现在内容末尾添加新的内容。经常的做法就是添加一个“点”,因为它比较小不太引人注意。然后我们再利用它来清除
2017-02-20 14:12:40 734
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人