ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
#### 属性规则 --- - 结构属性优先级大于表现属性; - 尽可能的进行精确与简写; - 如果值为0,则不需要有单位; - 如果颜色含有透明度,请使用rgba命名规则; > <span class="do">正确实践:</span> ```css div.example { //结构属性 width : 300px; height: 150px; //表现属性; display:flex; //rgba命名 background-color: rgba(0,0,0,.5); } span.user-name{ //简写 margin: 5px 0 10px 15px; //0不需要单位; padding: 0; } ``` > <span class="dont">错误实践:</span> ```css div.example { display:flex; width : 300px; background-color: #000; opactiy:.5; height: 150px; } span.user-name{ margin-top: 5px; margin-bottom:10px; margin-left: 15px; padding: 0px; } ```