CSS高效开发三大方向

css研究方向

大体上CSS的学习可以朝着三个方向进行研究,分别是:

  • 特效(可以学习动画、3D、渐变等)
  • 工程化(可以学习sass、less、postcss等)
  • 布局(可以学习flex、grid、响应式等)

CSS文件划分

TIP

在中大型项目中,一般会对CSS进行文件划分,根据文件的性质与用途,大概会分成:

  • 公共型样式

  • 特殊型样式

  • 皮肤型样式

公共型样式可命名为globa.css或common.css等名字,主要包括网站通用样式编写。例如:重置默认样式

reset、网站通用布局、通用模块和元件、通用响应式系统等

css功能分类

通用模块

通用原件

通用响应式系统

标签默认样式清除

常见的CSS方法论

  • oocss
  • BEM
  • SMACSS
  • Atomic CSS

OOCSS

BEM

SMACSS

样式规范

css样式属性书写顺序

css3浏览器私有前缀写法

类名需要语义化

相关推荐
Cache技术分享12 小时前
247. Java 集合 - 为什么要远离 Stack 类?
前端·后端
v***913012 小时前
Spring+Quartz实现定时任务的配置方法
android·前端·后端
charlie11451419112 小时前
面向C++程序员的JavaScript 语法实战学习4
开发语言·前端·javascript·学习·函数
万少12 小时前
上架元服务-味寻纪 技术分享
前端·harmonyos
想不明白的过度思考者12 小时前
Spring Web MVC从入门到实战
java·前端·spring·mvc
AAA简单玩转程序设计13 小时前
C++进阶小技巧:让代码从"能用"变"优雅"
前端·c++
子洋13 小时前
群晖 DSM 更新后 Cloudflare DDNS 失效的排查记录
前端·后端·dns
一颗烂土豆13 小时前
告别 Vue 多分辨率适配烦恼:vfit 让元素定位 “丝滑” 跨设备
前端·vue.js
ArkPppp13 小时前
牛刀小试:Vue 3的响应式系统和Proxy?
前端