沐唐风宋雨

flex:1flex-grow: 1;flex-shrink: 1;flex-basis: 0%;flex:0flex-grow: 0;flex-shrink: 1;flex-basis: 0%;flex:autoflex-grow: 1;flex-shrink: 1;flex-basis: auto;flex:noneflex-grow: 0;flex-shrink: 0;flex-basis: auto;详细参考flex属性-flex:1到底是什么...

prefers-color-scheme CSS 媒体特性用于检测用户是否有将系统的主题色设置为亮色或者暗色。body { color: #ddd;}@media (prefers-color-scheme: dark) { body { color: #fff; }}参考MDN Web Docs

阅读《CSS3艺术》练习<figure class="steamer"> <div class='lid'></div> <div class='pot'></div></figure>/*设置全局样式*/body { display: flex; align-item: center; justify-content: center; background-color: pink; height

变量@nice-blue: #5b83ad;@light-blue: @nice-blue + #111;#header { background-color: @nice-blue; color: @light-blue;}结果为：#header { background-color: #5b83ad; color: #6c94be;}Mixins使用类选择器，ID选择器混入.a, #b { color: red;}.mixin-class { .a(