放肆青春的博客
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)

放肆青春

一个前端菜鸟的技术成长之路
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)
  • 个人中心

    • 个人网址
  • 个人开发总结

    • 开发总结

      • 个人开发总结
      • 怎么成为前端高手
      • 生产发版
      • 前端优秀图书书单
      • 高效开发
      • 开发问题
      • 开发技术
      • 业务总结
    • 开发管理

      • 开发管理
      • 权限管理
    • 开发文档

      • 开发文档
      • 文档模板
      • 周期报
      • 邮件模板
      • 测试相关文档
    • 前端开发规范

      • 前端开发规范
      • 前端开发命名规范
      • ui 交互规范
      • html开发规范
      • CSS开发规范
      • js开发规范
      • vue开发规范
      • js 代码优化总结
      • vue 代码优化总结
      • css 代码优化总结
        • css 代码优化总结
          • css 合并简写
          • css 提取公共样式
    • 代码review

      • 前端 code review
      • 后端 code review
    • 职位

      • BPO
      • EA
      • ISM
      • PMO
      • QA
      • SA_SE
      • SDE
      • SDM
      • TPO
      • UED
  • personal
放肆青春
2021-05-19

css 代码优化总结

# css 代码优化总结

# css 合并简写

  • 1.margin/padding 缩写

不规范

padding-left: 10px;
padding-right: 15px;
1
2

改造: padding:0 15px 0 10px;

  • 2.颜色值缩写

不规范: color: #ffffff;
改造: color: #fff;

# css 提取公共样式

  1. 宽度 100%

不规范:style="width: 100%;"

改造:class="w100b" .w100b{ width: 100%; }

更新时间: 9/8/2021, 4:24:27 PM
vue 代码优化总结
前端 code review

← vue 代码优化总结 前端 code review→

最近更新
01
前端权限管理
02-24
02
vue2指令
02-24
03
vue2 hook
02-24
更多文章>
Theme by Vdoing | Copyright © 2019-2022 放肆青春
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式