W.T.的博客

Every day to be a little better

前端-CSS学习笔记12-代码规范

发表于 更新于 分类于
本文字数： 666 阅读时长 ≈ 1 分钟
CSS书写顺序，组件化开发，浏览器私有前缀

1. 凹凸实验室

https://fe-ccy.github.io/docs/

2. CSS书写顺序

顺序 类别 属性
1 布局属性 display，position，float，clear，visibility，overflow
2 盒子模型+背景 width，height，margin，padding，border，background
3 文本内容属性 color，font，text-decoration，text-align，line-height
4 点缀属性 cursor，border-raduis，text-shadow，box-shadow

开发中推荐多用类+后代，但不是层级越多越好，一个选择器中类选择器的个数推荐不超过3个

3. CSS字符编码

  • 在样式表中有多种方法去声明字符编码，浏览器会按照以下顺序尝试(一旦找到就停止并得出结果)

    1. 文件开头的 Unicode byte-order(字节顺序标记) 字符值
    2. 由Content-Type:HTTP header 中的 charset 属性给出的值或用于提供样式表的协议中的等效值
    3. CSS@规则 @charset
    4. 使用参考文档定义的字符编码：link元素的 charset 属性
      • 该方法在 HTML5 标准中已废除，无法使用
    5. 假设文档是 UTF-8

  • 开发中推荐在CSS的开头编写@charset指定编码

    1
    @charset "UTF-8";

4. 组件化开发思路

  • 目前Vue、React、小程序都采用的是组件化开发思路

本文结束  感谢您的阅读