自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 关于定位——遮罩层效果使用心得

今天写代码时遇到个问题。原效果要求当鼠标聚焦在其他位置时显示正常内容,鼠标悬停时显示隐藏内容。我自己的思路是将隐藏部分设置位所需大小,透明度为零隐藏。定位在需要位置,鼠标悬停触发效果。用css实现。定位时发现不能定位到所需位置。所以就重新学了定位,并归纳如下:1position值:static  relative  absolute  fixed inhertstatic:元素

2017-02-23 21:17:17 1495

原创 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 215

转载 关于子元素浮动父元素高度为零的解决办法

1.  额外标签法这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签。2. 使用after伪类这种方法就是对父容器使用after伪类和内容声明在指定的现在内容末尾添加新的内容。经常的做法就是添加一个“点”,因为它比较小不太引人注意。然后我们再利用它来清除

2017-02-20 14:12:40 675

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除