css 最佳实践：书写习惯指南
随着您重新探究css/html，我们来探讨一些常见的程式书写最佳实务，有助于提升您的css 码的可读性、维护性和一致性。
问题 1：margin-bottom 与 margin-top，该设定在哪个元素？
css 中的 margin 重叠原则指出，相邻元素之间的 margin 会取最大值。建议将 margin 设定在设定间距的元素上（通常为上方的元素），确保间距不会被清除。
立即学习“前端免费学习笔记（深入）”；
问题 2：属性写入顺序
建立清晰、一致的 css 码，一个方法是遵循产业认可的编码规范。知名指南包含 github 设计总监的 html/css 编码规范。该指南提供了建议属性顺序，例如 background、margin 等。
问题 3：.class 与 .class+元素
避免直接设定标签样式，而应透过 class 来控制样式。针对个别标签设定 class（例如 .class p）优于设定通用的父 class（例如 .class），有助于避免过度嵌套，提升可读性和维护性。
以下为遵循建议最佳实务后的范例：
.demo { background-color: #fff; margin: 10px;}.p { font-size: 16px;}
以上就是提升 CSS 效能的最佳写作方式指南的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1630340.html
微信扫一扫 
支付宝扫一扫 
