下午好 ,欢迎观看济南app开发山东文汇的官网, 昨天给大家分享了CSS 优化、提高性能的方法,今天给大家分享一下css书写顺序和规范。
写了那么长时间的代码,也看了不少教程。在某篇教程中得知css也是有书写顺序的。
css书写顺序:
位置属性 (position, top, right, z-index, display, float等)
大小 (width, height, padding, margin)
文字系列 (font, line-height, letter-spacing, color- text-align等)
背景 (background, border等)
其他 (animation, transition等)
遵循一些书写规范和顺序来的话,一来会让自己的思路很清晰,二来修改的时候很明确,不容易被冗余的样式影响。
css书写规范:
CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。
精简代码,去掉小数点前的“0”
简写命名,很多朋友都喜欢简写类名,但前提是要让人看懂你的简写
16进制颜色代码缩写,有些颜色代码是可以缩写的,我们就尽量缩写吧,提高用户体验为主。
分享完毕,欢迎继续关注山东文汇软件。