原创 CSS基础教程学习大纲规划

在网页开发的过程中，使用 CSS可以极大地提升工作效率，因此学习CSS是每个前端开发者的必经之路。本文主要以博学谷《HTML+CSS入门基础教程》为例，为大家介绍一下CSS基础教程的学习大纲。希望还在对学习CSS感到无处下手的朋友一些学习大方向的指导。如果大家对课程内容感兴趣，也可以直接上博学谷官网进行免费视频教程的学习。

一、CSS入门

1-HTML的局限性

2-CSS作用以及初识

3-行内样式表

4-内部样式表

5-外部样式表

6-样式表总结以及代码约定

7-总结CSS样式规则

二、CSS选择器

8-CSS选择器作用

9-标签选择器

10-类选择器

11-Google案例

12-类选择器特殊用法（多类名）

13-id选择器以及和类选择器区别

14-通配符选择器

15-基础选择器总结

三、CSS字体样式

16-font-size字号

17-font-family 字体

18-字体特殊写法（unicode）

19-font-weight字体加粗

20-font-style字体风格

21-字体综合写法

22-font总结

23-综合案例-结构搭建

24-综合案例-font样式

四、CSS外观属性

25-color颜色

26-综合案例-颜色

27-文字水平居中和行间距

28-text-indent首行缩进

29-text-decoration文本装饰

30-css外观属性总结

五、调试

31-chrome调试工具

32-emmet语法

33-今日总结

六、CSS复合选择器

01-今日主线

02-后代选择器

03-子元素选择器

04-交集选择器

05-并集选择器

06-测试题

07-链接伪类选择器（上）

08-链接伪类选择器（下）

09-复合选择器总结

七、标签显示模式

10-什么是标签显示模式

11-块级元素

12-行内元素

13-行内块元素

14-三种显示模式总结

15-三种显示模式相互转换

八、CSS背景

16-简单导航栏案例

17-行高的测量

18-单行文本垂直居中

19-背景颜色和图片

20-背景平铺

21-背景位置-方位词

22-背景位置-精确单位

23-魔兽世界背景练习

24-小背景图片左侧对齐盒子

25-背景固定

26-背景简写

27-导航栏案例（上）

28-导航栏案例（下）

29-背景透明

30-背景总结

九、CSS三大特性

31-层叠性

32-继承性

33-权重计算公式

34-权重的叠加

35-权重没有进位的

36-继承的权重为0

37-6道精华题

38-今日总结

以上就是CSS基础教程学习大纲的全部规划内容。该课程循环渐进，由浅入深进行讲解，适合零基础想转行的技术小白学习，同时课程以案例进行驱动，不同的形式的案例在课程中进行穿插讲解，保证了对于知识点的熟练运用。另外，除了帮助大家掌握部分CSS语法及使用技巧，也可以让大家用最低成本了解自己是否适合做前端工作。