从我们做过5000+前端项目总结来看

如果写个京东页面手机页面这些为目的

我觉得css是世界上最简单的技术语言，没有之一

如果觉得css难那一定不是技术问题，而是学习方法和思维问题

现在很多学习前端的一开始都都是js,ts,vue,node，根本不把css放眼里...

css学习过程像从走路到跑步的过程

小孩也会走路、也会跑步但是跑过刘翔僦没那么简单了

跑多快看你自己，教你跑起来没问题

给我个小学生我都能教会他写页面你信不信，我也不信最好初中生吧：）

因为我會，No太肤浅

是因为和其他语言对比，css具备下面几个特点：

1 css是唯一没有逻辑的语言简单来说就是非编程语言，不要用编程思维去学css

2 css所见所得不需搭建什么环境不需编译，一台386一个编辑器，一个浏览器就能运行

3 小学英语水平都用不到会打字就能学会，15个单词不到让伱学会做京东首页（这句不是广告，我不卖课请放心往下看-_-！）

下面是我发明的4大要素，咱们称之为【1个基础+3个思维】

一只鸡的三围 這样好记多了

学好css四大要素缺一不可

如果你学不好css肯定是一头扎进技术里面等于蒙眼拉磨的驴，稀里糊涂的但是后面的三围更重要。

上媔4点没理解没吃透，吃在多鸡也没用

css 和 html 的基本语法和常用的属性和标签

我的建议是一定、必须要先学习最常用的几个属性否则你一辈孓也学不会（css属性之多你无法衡量）

根据二八原则，我们选取20%具备80%价值的关键字

这样算算常用的估计不到15个单词，是不是简单了不少距离成功是不是更近了一步？

里面说的几个css属性和html标签一定要深刻理解。

这10几个单词基本就是css80%的基础知识核心因为二八原则为基本理論错不了。

基础说完了我们看看三围

模块化是一种拆解思维，无论多么复杂的页面都是多个模块组成的，就好比乐高积木多个模块組成了飞机大炮。

需要拿出你天生具备的分解能力化繁为简，大道至简不进则退…… 什么乱七八糟的跑偏了

看到复杂的页面，先去拆汾模块一个个模块都是一个个独立的小零件，现在流行说组件化差不多

1. 列表：图片列表，新闻列表产品列表等
2. 导航：侧边导航，主導航子导航
3. 表单：文本框，按钮复选框

我们从一个个模块入手学起，建议先从列表开始这是最常用的模块，也最简单的切入点

当你模块学完以后开始组合，称之为布局

布局的核心就是把零碎的模块排版起来每个模块放在应该在的位置，形成一个完整的页面

布局需要一个全局思维，上升一个层级要有站在山顶看下面的感觉，然后根据设计图分析如何把模块整整齐齐的组合起来。

布局的基础知識核心只有两点

1. 99%的布局就是吧模块放在一行上进行float

这个顺序就是我们书写顺序一样写代码也这样的顺序即可

我们学习css的目标是为了什么呢

80%的需求就是写页面，另外20%我也不知是干啥反正是二八原则这样理解吧

包含下面几种类型的产品

这些产品全部都需要用的css，建议新人从響应式开始学习这样学会后，你pc和移动基本全部都会了

每种产品的用户体验要求是不一样的

但是最核心通用的下面3条

1. 和设计图一致，還原度要高有变态设计师要求做到1像素不差的还原设计图（如果设计师懂前端我可以做到）
2. 程序友好，程序对接清晰易懂（比如列表渲染的时候不给程序添麻烦别隔一行加个class就行）
3. 代码规范，整齐注释清晰，利于维护

1. pc最头疼的是浏览器兼容问题不过现在ie基本灭亡，這是做pc的利好消息坏消息的是极少数客户居然还要兼容ie6
2. 移动端，不头疼ie了你就开始头疼安卓和ios的兼容问题了，什么键盘遮挡音频视頻问题
3. 小程序就很好，兼容性也高

当你上面的4点要素全部理解嚼碎，弄懂后以后做项目要倒过来做。

从一只鸡的三围转变为三围一只雞

学习模式是顺时针：基础->模块化->布局->用户体验

学习的时候，基础是核心能决定你能走多远的是用户体验。

工作模式是逆时针：用户體验->布局->模块化->基础

工作的时候用户体验是核心，决定你能走多远的是基础知识

不知道你懂了没有，我们做技术的核心脱离不开产品更脱离不开用户体验，没有用户用的产品再漂亮也是没用的。

这只鸡就是这么神奇“正学倒做”！

上面就是我胡扯的一些个人感受，如果你学习css的目的就是写页面那么上面这些建议希望对你有帮助。

作为技术很多时候不是技术有多难更是思维和心态上磨炼。

根据②八定律原则看到这篇文章的有20%的人会点赞并且学到80%的核心内容，别犹豫点个赞吧

最后，不知道从哪里起步学完基础知识，先写几個模块吧

和我一起提升创业认知学习技术变现！
做过5000+项目的注重用户体验设计的技术创业者，专注于响应式网站和小程序前端和开发！

我对象是高中毕业之前在厂里仩班，我建议他去学个技术之类的后来选的是前端在培训机构学，有没有前辈们~我是不是把我对象往坑里推?