资讯专栏INFORMATION COLUMN

推荐大家使用的CSS书写规范、顺序

王军 / 1063人阅读

摘要:书写顺序位置属性等大小文字系列等背景等其他等书写规范使用缩写属性有些属性是可以缩写的,比如等等,这样精简代码同时又能提高用户的阅读体验。

CSS书写顺序

 1.位置属性(position, top, right, z-index, display, float等)

2.大小(width, height, padding, margin)

3.文字系列(font, line-height, letter-spacing, color- text-align等)

4.背景(background, border等)

5.其他(animation, transition等)

CSS书写规范

使用CSS缩写属性

CSS有些属性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。

去掉小数点前的“0”

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2179.html

相关文章

  • 【整理】18种推荐CSS命名和书写规范

    摘要:翻译自选择器的命名规范模块化命名例如与布局相关的样式以为开头。推荐的写法不推荐的写法规范注释在单列注释中,星号与内容之间留一个半角空格。翻译自《CSS Naming and Writing Specification》选择器的命名规范1.模块化命名例如:与布局相关的样式以g为开头。如g-content和g-header;与挂钩相关的样式以j为开头。如j-open和j-request;与元件相...

    kgbook 评论0 收藏0
  • 【整理】18种推荐CSS命名和书写规范

    摘要:推荐的写法不推荐的写法注意标点符号每个属性独占一列。推荐的写法不推荐的写法将过长的内容折为若干列同一属性的值不止一个或值过长时,以逗号分割这些值,每个逗号后添加一个空格,过长的值可以另起一列。 选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以g为开头。如g-content和g-header; 与挂钩相关的样式以j为开头。如j-open和j-request; 与元件相关的样...

    MonoLog 评论0 收藏0
  • 【整理】18种推荐CSS命名和书写规范

    摘要:推荐的写法不推荐的写法注意标点符号每个属性独占一列。推荐的写法不推荐的写法将过长的内容折为若干列同一属性的值不止一个或值过长时,以逗号分割这些值,每个逗号后添加一个空格,过长的值可以另起一列。 选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以g为开头。如g-content和g-header; 与挂钩相关的样式以j为开头。如j-open和j-request; 与元件相关的样...

    TwIStOy 评论0 收藏0
  • 【整理】18种推荐CSS命名和书写规范

    摘要:推荐的写法不推荐的写法注意标点符号每个属性独占一列。推荐的写法不推荐的写法将过长的内容折为若干列同一属性的值不止一个或值过长时,以逗号分割这些值,每个逗号后添加一个空格,过长的值可以另起一列。 选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以g为开头。如g-content和g-header; 与挂钩相关的样式以j为开头。如j-open和j-request; 与元件相关的样...

    lily_wang 评论0 收藏0
  • Web前端开发规范文档

    摘要:前端开发规范文档规范目的使开发流程更加规范化。中的非注释类中文字符须转换成编码使用,以避免编码错误时乱码显示。文件规范文件名用英文单词,多个单词用驼峰命名法。书写规范命名规范。图片规范命名应用小写英文数字组合,便于团队其他成员理解。 Web前端开发规范文档 规范目的: 使开发流程更加规范化。 通用规范: TAB键用两个空格代替(WINDOWS下TAB键占四个空格,LINUX下TAB键...

    付伦 评论0 收藏0

发表评论

0条评论

王军

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<