分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

CSS编码规范

发布时间:2023-09-06 02:19责任编辑:赖小花关键词:CSS

1.使用两个空格作为缩进层级,不使用tab键;选择器与 {之间空一格;属性名 与之后的 : 之间不允许包含空格, : 与 属性值之间必须包含空格

    

2.列表型属性值书写在单行时,,逗号后必须跟一个空格

   

3.当一个 rule 包含多个 selector 时,每个选择器声明必须独占一行

    

4.>、+、~ 选择器的两边各留一个空格

   

5.属性选择器中的值必须用双引号包围

  

6.(建议)选择器的嵌套层级应不大于 3 级,位置靠后的限定条件应尽可能精确

7.使用 border / margin / padding 等缩写时,应注意隐含值对实际数值的影响,确实需要设置多个方向的值时才使用缩写

8.属性书写顺序:

同一 rule set 下的属性在书写时,应按功能进行分组,组之间添加一个空行,按照以下顺序书写,可提高代码的可读性(如果有content属性应该放在最前面)

  ·Formatting Model(布局方式、位置):position / top / right / bottom / left / float / display / overflow 等

  ·Box Model(尺寸):border / margin / padding / width / height 等

  ·Typographic(文本相关) :font / line-height / text-align / word-wrap 等

  ·Visual(视觉效果):background / color / transition / list-style 等

9.

CSS编码规范

原文地址:https://www.cnblogs.com/prospective-zkq/p/9833692.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved