zoukankan      html  css  js  c++  java
  • css书写规范

    1:css命名规范

    尽量把css模块化,不要把业务场景下css命名带进来,模块化之后可以复用,在模块外层加一个业务级的class,用于区分,

    • 一律小写; 
    • 尽量用英文; 
    • 不加下划线; 
    • 尽量不缩写,除非一看就明白的单词. 

    2:css书写顺序:

    浏览器加载渲染页面先加载dom,先渲染外层box,再渲染box自身宽高,浮动,定位等,最后再渲染box内的文字;所以我的渲染顺序是

    display,position,width,height,text,font;gzip压缩传送的时候也会压缩的更小,

    1. 位置属性(position, top, right, z-index, display, float等)
    2. 大小(width, height, padding, margin)
    3. 文字系列(font, line-height, letter-spacing, color- text-align等)
    4. 背景(background, border等)
    5. 其他(animation, transition等)

    3:提高性能:

    css渲染是从右到左,渲染速度分别是id,class,标签,type,:after伪类;

    *所以最好是最右边加class,

    *不要用p.class,直接用.class

    *good: p > .class       bad:p .class

  • 相关阅读:
    Linux基础文件打包
    Linux基础文件查找
    Apache的三种工作模式及相关配置
    elasticsearch启动错误整理
    Zabbix-agentd错误整理
    Nginx编译安装
    PHP编译安装
    Zabbix编译安装(全)
    Chetsheet: 2017 01.01 ~ 01.31
    Cheatsheet: 2016 12.01 ~ 12.31
  • 原文地址:https://www.cnblogs.com/55555azhe/p/3918796.html
Copyright © 2011-2022 走看看