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

转载 Vh和Vw的简介和使用

Vw:视区宽度百分值Vh:视区高度百分值Vmin:取Vw或Vh中较小的那一个Vmax:取Vw或Vh中较大的那一个1.视区:是指浏览器内部的可视区域大小,即window.innerWidth/window.innerHeight大小,不包含任务栏标题栏以及底部工具栏的浏览器区域大小2.场景之元素的尺寸限制我们应该都做过或见过这样的交互:点击下图,弹框查看原始大图;或者一屏内(...

2018-09-15 15:14:12 9294 2

原创 CSS3实现三种切角效果

效果一:代码:<div class="cornerCut">corner cutcorner cutcorner cutcorner cut</div> CSS:.cornerCut{width:200px;margin: 10px 20px;height: 200px;background:#58a;color:#fff;text-...

2018-09-10 19:10:44 13511 1

原创 CSS3实现菱形的两种方法

第一种:(这种方法需要额外的html标签。代码不够简洁,直观,如果图片是非正方形,会出bug)<div class="prismaticPic"><img src="xunLeiFenShares.png" alt=""></div>css:.prismaticPic{width:100px;margin: 20px 30px;trans..

2018-09-09 17:03:44 11545

空空如也

空空如也

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

TA关注的人

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