先想清楚：这门课值不值得花时间学
很多上班族和转行者一提到写代码就发怵，总觉得那是计算机专业出身的人才能干的事。但这套层叠样式表的入门课，解决的不是让你成为底层架构师，而是解决一个非常具体的工作场景：当公司官网活动页需要微调按钮颜色、当公众号排版需要自定义样式、或者当你想自己搭建一个简单的产品展示页时，不再需要低声下气去求前端同事排期。它只讲网页的视觉呈现与排版控制，不掺杂复杂的后台逻辑。如果你目前完全不懂网页代码，但工作中经常需要和网页、小程序界面打交道，或者正打算向前端方向转行却连门都没摸到，这套资料的基础定位非常适合你。它不要求你有任何编程背景，只要你知道怎么用浏览器上网，就能跟着视频一步步把样式写出来。
建议先看哪几块，怎么配合资料练习
拿到资料后，不要从头到尾像看电影一样顺着点播放，那样学完大概率什么也记不住。第一周建议先死磕前两个核心板块：页面样式的引入方式和各类选择器。选择器是这套技术的灵魂，你只有搞懂了怎么精准选中页面上的某个标签，后续的美化操作才有意义。看视频时，务必打开电脑自带的记事本或者随便一个代码编辑器，跟着视频里的案例逐行敲一遍。每看完一个选择器的讲解，就暂停视频，自己尝试修改里面的参数，刷新浏览器看看页面发生了什么变化。这种“边看边改”的试错过程，比单纯听讲师讲十遍都管用。到了第二阶段的美化元素部分，重点放在文本属性和伪类交互上，这两块在日常办公排版中最常用。不要去死记硬背每种属性的具体数值，而是要建立一个印象索引：知道遇到某种视觉需求时，该去资料的哪一节找答案。
学完能独立做什么
如果你踏实跟着这套资料走完，并且把视频里的每个小案例都在电脑上实操过，你能独立完成的事情其实相当实用。首先是拿到一个结构极其简单的静态网页文档，你能通过外联样式表，把它变成一个排版整洁、配色专业的商业展示页面，包括处理图文混排、列表样式和超链接的鼠标悬停效果。其次，在日常团队协作中，当产品经理或运营提出某个按钮在特定状态下需要变色时，你能听懂他们的诉求，并迅速在现有代码里找到对应的结构伪类进行修改，而不是一头雾水。这虽然只是前端体系里最表层的视觉控制部分，但它是你建立代码自信心的第一块砖。把基础打牢，以后无论是去学响应式布局还是复杂的框架，都不会因为底层概念不懂而频频卡壳。
通过本课程的学习学员将可以达到企业团队项目协同开发与维护、商业项目模块化基础与应用等。
课程目录
* 01 初识CSS/
* 01 css入门案例.mp4 08:42
* 02 css引入方式.mp4 10:22
* 03 css优点.mp4 14:34
* 04 css优先级.mp4 06:52
* 05 常用的三种选择器.mp4 11:47
* 06 层级选择器1.mp4 09:33
* 07 层级选择器2.mp4 08:08
* 08 结构伪类选择器.mp4 12:30
* 09 属性选择器.mp4 08:24
* 02 CSS3美化网页元素/
* 01 字体.mp4 19:53
* 02 文本属性.mp4 20:00
* 03 图片与文字的居中对齐.mp4 12:15
* 04 a伪类.mp4 17:10
* 05 列表样式.mp4 10:17
* 06 list-style-image和background-image区别.mp4 05:07
* 07 background.mp4 07:40
* 08 background-size调整图片尺寸.mp4 06:38
* 03 盒子模型/
* 01 为什么要学盒子模型.mp4 05:54
* 02 border.mp4 10:44
* 03 RGB.mp4 03:52
* 04 margin.mp4 08:11
* 05 页面居中对齐.mp4 06:59
* 06 padding.mp4 05:19
* 07 子尺寸计算公式.mp4 19:46
* 08 捣角.mp4 09:31
* 04 浮动/
* 01 标注文档流.mp4 05:57
* 02 display.mp4 08:20
* 03 导航栏.mp4 03:53
* 04 浮动和塌陷现象.mp4 13:27
* 05 塌陷解决方案.mp4 10:24
* 06 塌陷解决方案2.mp4 06:38
* 07 塌陷解决终极方案.mp4 08:42
* 08 导航栏.mp4 04:52
* 05 定位网页元素/
* 01 position四个值.mp4 04:19
* 02 position的relative.mp4 08:47
* 03 position的absolute.mp4 15:07
* 04 position的fixed.mp4 09:49
* 05 z-index.mp4 09:46
* 06 opacity.mp4 06:22
