MiemieWan的博客

1.relative top:根据自身高度计算。 margin-top：根据自身宽度计算。 div { width: 400px; height: 600px; position: relative; top: 10%; /* 60px */ margin-top:10%; /* 40px */ } 2.absolute top:根据上游非static元素高度计算。 margin-top：根据上游非static元素宽度计算。 <!DOCT.

1.flex-basis:设置或检索弹性盒伸缩基准值。 例子： 当子元素无设置width和flex-basis时，根据内容实际宽度显示； 当子元素设置width和flex-basis：auto；时，根据width值显示；.div3的实际宽度为300px 当子元素设置width和flex-basis值时，根据flex-basis值显示；.div4的实际宽度为200px 2....

1.变量 例： $light-color: #F90; //中划线、下划线均可 nav { color: $light-color; } 默认变量值：当无设置其他值时，变量值为默认值 $light-color: #f90 !default; $light-color: red; nav { color: $light-color; } 2.嵌套css ...