玩转 CSS 的艺术之美--掘金小册课程推荐/优惠

你将获得

深刻理解各种CSS原理

解构不为人知的CSS技巧

概念、技巧、场景三合一，实现“神奇”效果

强化吸收CSS知识体系，玩转各种神操作骚技巧

作者介绍

JowayYoung，资深前端工程师，目前就职于网易互动娱乐事业群，负责前端工程化与前端架构设计相关工作，最大程度为公司实现降本增效，争取利润最大化。

同时JowayYoung热爱技术输出，也是掘金社区Lv6优秀作家，可通过以下渠道了解他。

• 个人官网《Bruce》
• Github《JowayYoung》
• Codepen《JowayYoung》
• 掘金专栏《JowayYoung》
• 掘金课程《从0到1落地前端工程化》
• 微信公众号《IQ前端》

课程介绍

我是一位很喜欢CSS艺术的开发者，欢迎与我一起探讨与进阶CSS。说到CSS，很多同学会觉得CSS很简单，但也有一些同学会觉得CSS很困难。

为何会产生这种问题？觉得CSS简单的同学，可能很多场景都使用UI框架开发，在开发时基本不会考虑如何编写好CSS或重构CSS，在遇到与需求有出入的情况顶多就使用样式覆盖的方式暴力解决。觉得CSS困难的同学，大多数情况是根据设计师提供的设计图还原切片图层，需考虑很多设计规范的问题，甚至一套样式规范应用到各种屏幕中，增加了CSS在屏幕适配中的难度。

本课程附带大量CSS神操作骚技巧，90%的内容纯讲CSS，也有少部分内容涉及JS，当然也难不倒用心学习的你。CSS的存在当然会有它的原因，不能觉得简单而忽略它。前端三剑客缺少一个都不行，HTML/CSS/JS三者相辅相成，缺一不可。CSS的盒模型、文档流、选择器、属性等，组成了一个强而有力的CSS知识体系。学习好CSS不仅能解决一些工作问题，还能提升自己的审美标准，在业余时间也是一种消磨时间与挖掘艺术的方式。

在学习本课程时可放平心态，想着学好CSS就足够了，无需理会JS。现在的你是一位CSS艺术开发者，英文Title是Art CSSer。CSS神操作骚技巧其实很简单，勇敢发挥你的想象力，你也会成为一位优秀的Art CSSer。希望能与大家分享我的学习思路与思维方式，相信大家学完本课程也能得心应手编写出一些完美的CSS效果。

学习目标

• 基础篇：以最重要的基础作为切入点，深刻理解各种CSS原理
• 进阶篇：解构最常见布局方式，引入CSS知识体系中既低调又强大的变量与函数，通过各种场景完成CSS的进阶
• 技巧篇：本课程最核心部分，是玩转CSS神操作骚技巧的重要手段，通过概念、技巧、场景三合一的方式实现一些看似只能由JS才能实现的效果
• 实战篇：巩固上述几部分学习内容，通过三大实战强化对CSS知识体系与CSS神操作骚技巧的吸收

本课程以CSS神操作骚技巧作为核心内容，集齐CSS的基础+原理+进阶+技巧+实战，通过多种方式强化大家对CSS知识体系与CSS神操作骚技巧的吸收，帮助大家得心应手玩转CSS。

适宜人群

• 想打好CSS扎实基础的同学
• 想得心应手玩转CSS的同学
• 对CSS产生浓厚兴趣的同学
• 想学会更多CSS神操作骚技巧的同学
• 想深入探索与学习CSS知识体系的同学

大家不妨看看我的个人官网「yangzw.vip」，其包括大量使用CSS实现的效果。平时想到什么效果或学到什么技巧，我都会优先拿我的个人官网开刀，充当小白鼠。另外，我将这些CSS效果抽离出来并做成了一份CSS创意专辑。

相信喜欢CSS的同学可能都看过我在2019年发表的《灵活运用CSS开发技巧》一文，到目前为止在掘金社区中有5000+点赞量与15.5万阅读量，让我相信其实还有很多同学对CSS神操作骚技巧很感兴趣的。

若你真的很喜欢CSS神操作骚技巧，那就买吧！不到一杯喜茶的价格就能让你学到各种CSS神操作骚技巧，其实也很值的，把糖分转化为知识，何乐而不为呢！！！

• 准备篇：学前准备

• 基础篇：浏览器

• 基础篇：回流重绘

• 基础篇：盒模型

• 基础篇：样式计算

• 进阶篇：布局方式

• 进阶篇：函数计算

• 进阶篇：变量计算

• 技巧篇：选择器

• 技巧篇：背景与遮罩

• 技巧篇：阴影与滤镜

• 技巧篇：变换与动画

• 实战篇：实战大操作-变量控件

• 总结篇：CSS艺术之美

• 实战篇：实战大操作-表单控件

• 实战篇：实战大操作-切换控件