css
MiemieWan
这个作者很懒,什么都没留下…
展开
-
定位中margin-top和top设为百分比的参照物
1.relativetop:根据自身高度计算。margin-top:根据自身宽度计算。div { width: 400px; height: 600px; position: relative; top: 10%; /* 60px */ margin-top:10%; /* 40px */}2.absolutetop:根据上游非static元素高度计算。margin-top:根据上游非static元素宽度计算。<!DOCT.原创 2021-07-08 16:49:01 · 711 阅读 · 1 评论 -
CSS中flex-basis、flex-grow、flex-shrink对比
1.flex-basis:设置或检索弹性盒伸缩基准值。例子:当子元素无设置width和flex-basis时,根据内容实际宽度显示;当子元素设置width和flex-basis:auto;时,根据width值显示;.div3的实际宽度为300px当子元素设置width和flex-basis值时,根据flex-basis值显示;.div4的实际宽度为200px2....原创 2019-11-03 13:28:10 · 325 阅读 · 0 评论 -
scss笔记
1.变量例:$light-color: #F90; //中划线、下划线均可nav { color: $light-color;} 默认变量值:当无设置其他值时,变量值为默认值$light-color: #f90 !default;$light-color: red;nav { color: $light-color;}2.嵌套css...原创 2019-07-12 21:23:51 · 261 阅读 · 0 评论