![](https://img-blog.csdnimg.cn/2b13d13f8c65481fb5454c3c47020644.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS样式实例
记录日常开发中的各种优美的CSS样式实例
1条粉肠
路漫漫其修远兮,吾将上下而求索。
展开
-
CSS背景图片高斯模糊效果
CSS实现背景图片模糊效果原创 2022-03-19 22:33:00 · 2863 阅读 · 0 评论 -
flex布局之固定的底栏
有时,页面内容太少,无法占满一屏的高度,底栏就会抬高到页面的中间。这时可以采用Flex布局,让底栏总是出现在页面的底部。这里有个“视口高度”的单位vh。“视口”是什么,其实也很好理解,在PC端,视口是指浏览器的可视区域,那视口高度的单位vh是怎么回事呢?其实也难理解。只要记住1vh=视口高度的1%。更简单的描述是,假如你的浏览器可视高度为1000px,那么1vh = 1000px / 100 =...转载 2020-03-24 12:04:52 · 1751 阅读 · 0 评论 -
flex布局的探索
flex布局方案已经是前端技术栈家家互晓的网页布局方案,它为盒状模型提供最大的灵活性,意为“弹性布局”。有幸读了阮一峰老师的(flex布局教程-语法篇,flex布局教程-实例篇)并加以研究,受益良多,为我平时网页布局提供了极大的便利性。flex是一维的东西,所以说它只能控制一个方向,用坐标系来表示就是X轴,Y轴中的方向只能选一个,方向对应flex布局中的flex-direction属性,其属...原创 2020-03-23 22:16:55 · 213 阅读 · 0 评论