![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
提示开发效率的CSS片段
花裤衩-格子衫
这个作者很懒,什么都没留下…
展开
-
数组去重复数据
1.Set去重function useSet(array = [1,2,4,3,5,1,2]) { return Array.from(new Set(array))// return [...new Set(array)];}2.使用includesfunction useIncludes(array = [1,2,4,3,5,1,2]) { let newAr...原创 2020-04-27 23:28:57 · 150 阅读 · 0 评论 -
CSS常用动画效果
1.标题两边的小横杠<div class="title">标题</div>title { color: #e1767c; font-size: 0.3rem; position: relative; &:before, &:after { content: ""; position: absolute; di...原创 2020-04-10 16:00:44 · 223 阅读 · 0 评论 -
前端CSS代码片段提升开发效率
1.清除浮动// 清除浮动.clearfix:after { content: "\00A0"; display: block; visibility: hidden; width: 0; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden;}.clearfix {...原创 2020-04-10 16:00:23 · 223 阅读 · 0 评论 -
css样式层叠和继承
1.样式的优先级层叠样式谁优先级高选谁内联样式style属性 > 外联样式style标签 > 外部样式文件 > 系统默认id > class > 标签 可以看成 100 > 10 > 1 表示这些权重2.样式常见的语法"#"id选择器"."class选择器" "后代选择器空格,前面必须是标签 div p {},缺陷p标签后面孙子的标签...原创 2019-11-04 15:07:49 · 182 阅读 · 0 评论