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

原创 css清除浮动的几种方法

当对某个标签使用浮动的时候,该块内容就会脱离文档流,其父元素便不再包裹该标签内容,父元素的高度会变成0,出现高度塌陷的问题。这个时候就要清楚浮动。 今天就来介绍一下css清除浮动的几种方法。1. 在文档最后面新加一个空的div,如下div style="clear:both">div>但是如果使用这种方法,添加了无意义的标签,违背了结构和表现分离的web结构精髓。后期难以维护。

2018-01-31 19:49:44 286

原创 响应式图片四 SVG

SVG是可缩放矢量图形,矢量图形在拉伸和缩放的时候不会变形,但很难表示色彩层次丰富和逼真的图形。下面介绍几种画svg格式图片的方法。

2018-01-31 19:35:59 549

原创 响应式图片三 通过size解决srcset坑

上篇博客我们讲到,用srcset来实现响应式图片,但srcset方法有个坑(不管图片外边的容器宽度是多少都会以百分百视口宽度去显示),需要配合size来跳过坑;size默认值为100vw–>viewport width意思是百分百视口宽度;size的值设置:xxvw;具体实现代码如下class="image" src="img/480.png"srcset="img/480.png 48

2018-01-29 20:49:17 621

响应式图片

解决不同设备加载不同的图片,以便更好地兼容各个平台,实现响应式效果

2017-12-28

空空如也

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

TA关注的人

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