自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Liya的博客

html/css/JavaScript

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

原创 响应式网格(栅格化)布局

1媒体查询@media(min-width:769px){.col-md-1{width:calc(8.333% - 20px);}。。。}2calc计算 注意可以将%,px混合使用。cale()里可以是表达式。但有一点注意。+-*/号的前后必须留有空格。否则识别不了,属性不会生效。calc(8.333% - 20px);这里将子元素设为border-box。%

2017-03-07 09:44:52 2007

原创 清除浮动的方法(body元素值得注意)

浮动,这里指的是由于子元素浮动脱离文档流,为父元素没有浮动,因此高度没有被撑开,父元素的背景等属性都没有显示出来。方法1:在父元素里最后面添加新的子元素,可以是或其他。然后设置该子元素{clear:both;}即可。父元素就能被撑开。不好的地方时,增加了标签。方法2:为父元素设置高度。前提是能确定并计算好子元素的高度。方法3:设定父元素为{overflow:hidden;}

2017-03-07 09:41:56 862

原创 background-color覆盖范围

一般元素的background-color覆盖该元素的content,border,和padding。而margin不会显示该背景颜色,而是由外层元素的背景色决定。但body有所不同。如`bodydiv`设置css属性:```*{margin:20px;padding:20px;}html{border:1px solid red;}body{ he

2017-03-03 10:29:57 16200

空空如也

空空如也

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

TA关注的人

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