在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
在网页开发的过程中，使用 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基础入门学习笔记整理
相关推荐 更多
JavaScript基础教程新手入门必看
对前端稍微有点了解的初学者都知道，JavaScript是必不可少的工具。毫不夸张的说，大部分网页都使用了JavaScript，想要成为一个优秀的前端工程师，做出漂亮令用户满意的网页，熟练掌握JavaScript是一个必备技能。本文为新手整理了一篇JavaScript基础教程入门指南，希望可以帮助编程小白可以更加轻松的掌握JavaScript。
4056
2020-03-29 12:06:46
零基础学前端应该怎么开始？
随着互联网的深入发展，用户体验可以说是企业的重中之重，而前端作为公司的门面，需求会越来越大。所以我们可以看到，近几年来前端工程师的薪资待遇一直在上涨，这也是为什么学前端开发的朋友越来越多了。那么对于零基础的初学者来讲，学前端应该怎么开始呢？本文给大家推荐一个免费的入门视频，感兴趣的朋友可以一起来看看。
3916
2020-05-28 15:18:47
零基础转行Web 前端开发自学靠谱吗？
Web 前端开发行业长期处于供不应求的状态，薪资待遇也随之水涨船高，因此吸引了不少零基础转业者。那么，可能会有人问了：零基础转行Web 前端开发自学靠谱吗？这个问题没有确切的答案，毕竟每个人的情况都不一样，下面我们来详细分析一下零基础转行前端应该怎么学习。
4368
2020-07-21 11:38:47
入门Vue.js要学习哪些知识？
入门Vue.js首先需要从最基础的知识学起，比如Vue.js的概念、作用、特点等等。只有对Vue.js有一个大致的初步了解，我们才能明白为什么掌握它如此重要。下面一起来具体看看入门Vue.js.js要学习哪些知识吧！
4485
2020-08-17 15:52:46
Web前端都需要学什么?从哪入门？
基础阶段学习HTML常用标签与表单控件、CSS基本样式及显示模式、选择器、标签显示模式、CSS复合选择器、CSS背景应用、CSS三大特性、CSS盒子模型、浮动、定位、JavaScript基础语法、DOM操作，事件处理、DOM应用等基础阶段核心知识点；以问题为导向的项目实战开发阶段，初学者加深对前端基础知识理解的同时，获取Web项目开发的技巧与思路，锻炼Web网站开发的能力。
3720
2021-04-28 10:39:15
