css - 随笔分类 - 曦12

摘要：

发现问题在使用filter: blur(15px)模糊背景图时，发现图片周围会泛白。解决问题查了好多办法： 1、使用StackBlur.js处理图片模糊。 2、改变background-size：cover为background-size:150% 150%。 3、给body添加同样的背景图。阅读全文

posted @ 2022-03-07 23:31 曦12 阅读(417) 评论(0) 推荐(0) 编辑

css实现瀑布流

摘要：

jquery时代大多使用插件实现瀑布流布局，但现在我们可以直接使用存粹的css来实现。从css3开始出现了column-count与column-gap后，我们便可直接使用此属性来进行布局，其中column-count代表列数，column-gap代表列之间的距离。值得注意的是，当使用column- 阅读全文

posted @ 2022-03-02 16:18 曦12 阅读(984) 评论(0) 推荐(0) 编辑

box-sizing属性的理解

摘要：

使用原因盒模型布局中padding与border也是具有尺寸的，为避免其对页面布局产生影响，可使用box-sizing: border-box;属性设置盒模型，此时便可只用设置元素宽高即可。 #属性详解 box-sizing的值有content-box、border-box、inherit。 co 阅读全文

posted @ 2022-02-28 17:23 曦12 阅读(252) 评论(0) 推荐(0) 编辑

flex布局

摘要：

什么是flex布局 flex布局即为弹性布局，使用display:flex进行布局，此布局使得盒模型布局更易使用。值得注意的是设为flex布局后，子元素的float、clear和vertical-align属性将失效。 flex的使用当元素使用flex后，该元素则成为flex容器(containe 阅读全文

posted @ 2022-02-28 16:53 曦12 阅读(3896) 评论(0) 推荐(1) 编辑

css设置滚动条样式

摘要：

css伪类选择器可修改滚动条样式，仅限webkit内核浏览器。点击查看代码 ::-webkit-scrollbar {/*滚动条整体*/ width: 7px; height: 7px; } ::-webkit-scrollbar-track{/*滑轨*/ background-color:#aa 阅读全文

posted @ 2022-02-28 09:56 曦12 阅读(320) 评论(0) 推荐(0) 编辑

曦12

随笔分类 - css

随笔分类 (51)

推荐排行榜