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浏览器私有前缀写法

类名需要语义化

相关推荐
namekong85 小时前
清理谷歌浏览器垃圾文件 Chrome “User Data”
前端·chrome
开发者小天6 小时前
调整为 dart-sass 支持的语法,将深度选择器/deep/调整为::v-deep
开发语言·前端·javascript·vue.js·uni-app·sass·1024程序员节
李少兄8 小时前
HTML 表单控件
前端·microsoft·html
学习笔记10110 小时前
第十五章认识Ajax(六)
前端·javascript·ajax
消失的旧时光-194310 小时前
Flutter 异步编程:Future 与 Stream 深度解析
android·前端·flutter
曹牧10 小时前
C# 中的 DateTime.Now.ToString() 方法支持多种预定义的格式字符
前端·c#
勿在浮沙筑高台10 小时前
海龟交易系统R
前端·人工智能·r语言
歪歪10010 小时前
C#如何在数据可视化工具中进行数据筛选?
开发语言·前端·信息可视化·前端框架·c#·visual studio
Captaincc11 小时前
AI 能帮你写代码,但把代码变成软件,还是得靠人
前端·后端·程序员
繁花与尘埃12 小时前
CSS引入方式(本文为个人学习笔记,内容整理自哔哩哔哩UP主【非学者勿扰】的公开课程。 > 所有知识点归属原作者,仅作非商业用途分享)
css·笔记·学习