官术网_书友最值得收藏!

  • Professional CSS3
  • Piotr Sikora
  • 266字
  • 2021-07-02 16:39:37

Good assumptions in code

While you are creating CSS code, you have to remember initial assumptions that will help you to keep clear and very readable code. These assumptions are as follows:

  • Naming convention—You need to remember that your code needs to be the exact names of classes.
  • Use comments, but not everywhere, only in places where they are needed. Yeah, but when they are needed? They are especially needed when you have some exception or when you have some quick fixes for browsers. With comments, you can describe blocks of code, which describes the views, for example, of footer/header, or any other element.
  • Try to keep code which is readable and logical. But how does unlogical code look like? Look at the following two examples:

    Example 1 is as follows:

    .classname {
      font-size: 12px;
      color: red;
      font-weight: bold;
      text-align: center;
      margin: 10px;
      padding-left: 2px;
      text-transform: uppercase;
    }

    Example 2 is as follows:

    .classname {
      margin: 10px;
      padding-left: 2px;
    
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
    
      color: red;
    }

Which code looks better? Yeah, of course, the second example because it has grouped declarations. First the description of the box model, then the font and text behaviors, and finally color. You can try to keep it in another hierarchy which will be more readable for you.

Using sample 2 in SASS:

.classname
  margin: 10px
  padding:
    left: 2px
  font:
    size: 12px
    weight: bold
  text:
    align: center
    transform: uppercase
  color: red

Isn't it shorter and more logical?

  • Create proper selectors (this will be described later in this chapter).
  • Create an elastic structure for your files.
主站蜘蛛池模板: 海晏县| 交城县| 湖北省| 绍兴市| 泸水县| 龙里县| 象州县| 鹤峰县| 福鼎市| 周宁县| 滦南县| 出国| 弥勒县| 永兴县| 建水县| 铅山县| 轮台县| 三原县| 依兰县| 新闻| 镇远县| 嘉兴市| 安岳县| 盱眙县| 丰原市| 鄄城县| 呼图壁县| 南充市| 苏尼特右旗| 岑溪市| 兰坪| 苍南县| 龙南县| 大冶市| 长寿区| 两当县| 宁晋县| 泾阳县| 阳江市| 云浮市| 万宁市|