CSS的基础学习1 -命名与书写规范

前文

css包含许多东西，自己也知道在css方面基础不够扎实，本周的学习我计划从几个我自认为不足的方面进行学习，在css的基本语法方面我就不进行过多的学习了。然后在学习中的例子，保证自己亲手把代码打出来，不要只是复制粘贴，希望以此能记得牢一些。

CSS的命名与书写规范

我觉得在写网页的时候，书写规范是十分重要的，既能保证自己的清晰思路，也能让别人更好的看懂你的代码。但我对这方面也没重视过，当回去看自己原来的代码时，才发现有多么的头疼。所以自己总结了一下：

1. css类在命名的时 大专栏  CSS的基础学习1 -命名与书写规范候应该全用小写加中划线“-” 的方式，并分清父类与子类，让层次更加清晰
2. 尽量用英文来概括你这一部分代码样式的含义，也有利于多学几个英文单词
3. 然后避免class与id的重名，在js中id的命名十分重要，如果与class重名以后其实本身不会发生什么问题，主要怕搞混

CSS书写先后顺序

• 位置属性:
  • display
  • position
  • top、right、bottom、left(顺时针)
  • float
  • clear
  • z-index …
• 盒模型:
  • margin
  • padding
  • width
  • height …
• 文字等排版:
  • color
  • font
  • content
  • border
  • background

来源：https://www.cnblogs.com/liuzhongrong/p/12407854.html