自定义博客皮肤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)
  • 收藏
  • 关注

原创 布局方法

图片是inline-block标签,支持宽高,margin,padding.标签之间的空格会被解析设置图片的宽高方法有 px 和 %(百分比是相对于父级的宽度或者高度来计算的)    图片在上,文字在下      在布局时,如果图片占据一个盒子的整个上半部分,在这个区域周围没有文字,则可以设置比例来使图片占满整个上部分的区域之后再设置padding或者margin来调节图片与边框的距离    如果...

2018-04-12 10:05:16 94

原创 脱离文档流

绝对定位元素和浮动元素没有外边距合并(脱离文档流)那就不占据文档空间所有和文档流无关元素,他们可以覆盖页面上的其他元素,可以通过z-index更改这些框的堆放次序.脱离文档流的情况:position:absolute;float:left/rightdisplay / list-style / position(相应的 top,right,bottom,left) / float / clear ...

2018-04-12 09:17:26 143

原创 外边距合并问题

外边距合并:当两个盒子嵌套时,它的垂直外边距会显示较大的那个值解决方法:加边框 加padding     2.当两个盒子相邻时,它的垂直外边距会显示较大的那个值。解决方案:中间加个元素就行(可以加个div,设置他的下边框是1px solid transparent)      3.大盒子(a)里面嵌套小盒子(b),要想去除边距合并的问题,解决方案是:a(父级)设置position:relative...

2018-04-12 09:15:33 289

空空如也

空空如也

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

TA关注的人

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