![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css系列
大个子小可爱
这个作者很懒,什么都没留下…
展开
-
实用样式小技巧
1. flex布局实用小技巧 flex:1; 让所有的弹性框的子元素都有相同的长度。 flex-wrap: wrap; 水平轴排不下,自动换行,适用于适配屏幕大小的时候,自动换行显示。实际中,要想一行的数据超出后折行,内部元素必须要定宽px,不能都使用百分比。 dispaly: flex ; flex:1; --> 占据剩下部分的全部 .flex{ displ...原创 2019-10-09 15:10:48 · 144 阅读 · 0 评论 -
css常见效果
1. CSS仿写实心三角特效 <div class="triangle"></div> // 实心倒三角 .triangle { margin: 15px 0 0 130px; // 调整位置 position: absolute; border: 10px solid white; border-left-color: transparent; ...原创 2019-10-09 15:13:17 · 304 阅读 · 0 评论 -
scss语法
1. 变量声明-引用 命名类名使用中线-分割! 使用 $ 声明变量: $highlight-color: #F90; .selected { border: 1px solid $highlight-color; } 2. 嵌套css #content { article { h1 { color: #333 } } aside { background-color...原创 2019-10-09 15:15:58 · 188 阅读 · 0 评论