随笔分类 -  CSS/CSS3

gird 布局控制元素都显示在一行
摘要:gird 布局控制元素都显示在一行 <ul class="list"> <li v-for="(li, index) in list" :key="index" class="li"> {{ index }} </li> </ul> .list { display: grid; grid-templ 阅读全文

posted @ 2022-02-17 18:50 前端开发小柒 阅读(539) 评论(0) 推荐(0)

关于flex
摘要:flex 是 flex-grow、flex-shrink、flex-basis 的缩写。 flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值,则 flex 的默认值是 0 1 auto 当flex 取值为 none,则计算值为 0 0 auto,如下是等同的: 当flex 取值为 阅读全文

posted @ 2017-11-06 19:35 前端开发小柒 阅读(157) 评论(0) 推荐(0)

线性渐变的兼容写法
摘要:线性渐变的兼容写法如下: ie 滤镜:filter linear-gradient 在 ie9 以下是不支持的,所以对于 ie6 - ie8 我们可以使用滤镜来解决,代码如下: .gradient{ filter: progid:DXImageTransform.Microsoft.gradient 阅读全文

posted @ 2016-03-03 17:16 前端开发小柒 阅读(287) 评论(0) 推荐(0)

inline/inline-block/block 的区别
摘要:display的属性值有:值描述none此元素不会被显示。block此元素将显示为块级元素,此元素前后会带有换行符。inline默认。此元素会被显示为内联元素,元素前后没有换行符。inline-block行内块元素。(CSS2.1 新增的值)list-item此元素会作为列表显示。run-in此元素... 阅读全文

posted @ 2016-01-21 14:46 前端开发小柒 阅读(760) 评论(0) 推荐(0)

导航