在网页开发的过程中，使用 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语法及使用技巧，也可以让大家用最低成本了解自己是否适合做前端工作。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
年龄大了学Web前端算不算晚？
下一篇：
CSS基础入门学习笔记整理
相关推荐 更多
CSS基础入门学习笔记整理
CSS虽然不是编程语言，但是我们可以把它看作是一种用来表现HTML的计算机语言。CSS能够对网页中元素位置的排版进行像素级精确控制，因此通过CSS的学习，我们就能制作出一个优美的网页。本文主要为大家整理了CSS基础入门学习的笔记，内容包括了CSS的基本概念、作用、使用、语法和属性，下面我们来一起进入CSS的学习世界吧!
1639
2020-02-28 16:16:16
零基础如何学好前端？有什么建议？
前端作为互联网时代直接触达用户的窗口，大到我们每天浏览到的网站，小到一次点击按钮的页面，前端无处不在。并且在产品的众多开发环节之中，最能让用户直观感受到的就是前端开发。因而前端行业的广阔发展前景也吸引了不少人的转业学习。那么，零基础如何学好前端呢？有什么建议吗？本文将为初学者详细解答一下这两个问题，下面一起来看看吧！
1423
2020-03-20 19:05:49
VSCode小白级安装教程
对于开发者来说，一个好的开发工具往往能够事半功倍。比较常见的网页开发工具有Dreamweaver、Sublime、WebStorm、HBuilder、VSCode。看到这么多开发工具，是不是脑袋都要大了？不要担心，我们只需要掌握一款实用性最高的工具即可。而且这些开发工具基本使用方式类似，掌握一款其他的即可触类旁通。下面我们一起来看看网页开发工具VSCode小白级安装教程吧！
1265
2020-08-06 11:59:28
只学习前端能开发网站吗？
只学习前端能开发网站吗？答案是肯定的。随着前端领域技术不断地得到补充，前端开发所能完成的工作不再仅仅局限于单纯的页面开发，包括小程序开发，甚至整个网站的开发都是完全可以胜任的。网站种类和用途有非常多，而且在互联网领域的产品开发一直以前后端分离的方式为主。那想要完成网站的开发需要前端工程师具备哪些知识储备呢？
1162
2020-08-07 11:13:22
Web前端培训怎么样？能学到什么？
Web前端培训怎么样？能学到什么？参加传智播客线下Web前端培训学习时间不亚于高考 ，每天至少12个小时的正式学习时间，对身体和精力都是双重考验 ，学习课程包含现在主流的框架，如Angular、Vue、jq、bootstrap、Node.js 、微信小程序等。
939
2020-08-13 10:55:30
热门文章
- 怎么学编程？学编程黄金4步，太多人卡在了第二步！
- 作为996社畜，如何自学Python？
- 什么是Java运算？Java运算：比九九乘法表还简单
- 编程第一步，怎么选择适合自己的编程语言？
- 程序员高薪的秘密：编程能力+编程思维
- 2021年7月全国程序员平均薪资出炉,又涨了！！
- 软件测试面试题-测试类型
- Git常用命令清单，速查表
- 2021年7月编程语言排行榜
- ”==“和 equals 方法究竟有什么区别？ 查看更多
扫描二维码，了解更多信息
