CSS 标准

像任何编码标准一样，WordPress CSS编码标准的目的是为WordPress开源项目和社区的各个方面（从核心代码到主题再到插件）创建协作和审查的基准。项目中的文件应看起来像是由单个实体创建的。首先，创建易于阅读，有意义，一致且美观的代码。

在核心样式表中，经常会发现不一致之处。我们正在努力解决这些问题，并尽一切努力从此刻起遵循CSS编码标准进行补丁和提交。

结构

有很多不同的方法来构造样式表。以CSS为核心，保持高度的可读性很重要。这使后续的贡献者可以清楚地了解文档的流程。

• 使用制表符（而不是空格）来缩进每个属性。
• 在节之间添加两个空白行，并在节中的块之间添加一个空白行。
• 每个选择器应位于自己的行上，以逗号或大括号开头。属性值对应该在自己的行上，带有缩进的一个制表符和结尾的分号

正确：

#selector-1,
#selector-2,
#selector-3 {
  background: #fff;
  color: #000;
}  

不正确：

#selector-1, #selector-2, #selector-3 {
background: #fff;
color: #000;
}

#selector-1 { background: #fff; color: #000; }  

价值观

输入属性值的方法有很多。请遵循以下准则，以帮助我们保持高度的一致性。

• 值前的空格，冒号后的空格
• 请勿在括号中加空格
• 总是以分号结尾
• 仅在需要时（例如，字体名称带有空格时），才使用双引号而不是单引号。
• 字体权重应当使用数字值来定义（例如400，而不是normal，700而不是bold）。
• 除非必要，否则0值不应具有单位，例如过渡持续时间。
• 行高也应该是无单位的，除非有必要将其定义为特定的像素值。这不仅是样式约定，而且在这里值得一提。
• 对于十进制值，请使用前导零，包括rgba（）中的值。
• 一个属性的多个逗号分隔值应用空格或换行符分隔，包括在rgba（）中。应将换行符用于较长的多部分值，例如用于简写属性（如box-shadow和text-shadow）的值。然后，第一个值之后的每个后续值应放在新行上，缩进到与选择器相同的级别，然后间隔开以与先前值左对齐。

示例

.class { /* Correct usage of quotes */
   background-image: url(images/bg.png);
   font-family: "Helvetica Neue", sans-serif;
   font-weight: 700;
}
 
.class { /* Correct usage of zero values */
   font-family: Georgia, serif;
   line-height: 1.4;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5),
              0 1px 0 #fff;
}  

阅读文章或者观看视频过程中有任何问题，请下方留言或者联系我Q248758228