CSS基本入门第三天-DAY05

导师：王蔚
Top 课程内容

1.盒子模型概念
2.盒子模型边框
3.盒子模型内边距
4.盒子模型外边距
5.书写规范
1.1 今日主线

• 课程信息
• 课程时长：2分11秒
• 课程名称：01-今日目标.avi

• 课程详情
1.2 看透网页布局的本质

• 课程信息
• 课程时长：2分28秒
• 课程名称：02-看透网页布局的本质.avi

• 问答与练习
1.3 盒子模型组成

• 课程信息
• 课程时长：4分53秒
• 课程名称：03-盒子模型组成.avi

• 课程详情
1.4 边框的写法

• 课程信息
• 课程时长：8分29秒
• 课程名称：04-边框的写法.avi

• 问答与练习
• 边框由哪三部分组成？
2.1 分别指定边框

• 课程信息
• 课程时长：6分21秒
• 课程名称：05-分别指定边框.avi

• 问答与练习
• 边框允许单独指定吗？
2.2 细线表格

• 课程信息
• 课程时长：6分54秒
• 课程名称：06-细线表格.avi

• 答与练习
2.3 padding内边距.avi

• 课程信息
• 课程时长：10分53秒
• 课程名称：07-padding内边距.avi

• 问答与练习
• padding 里面设置1到4个值分别代表什么意思？
2.4 课堂一练

• 课程信息
• 课程时长：2分55秒
• 课程名称：08-课堂一练.avi

• 问答与练习
• /**/
3.1 新浪导航栏（上）

• 课程信息
• 课程时长：8分02秒
• 课程名称：09-新浪导航栏（上）.avi

• 问答与练习
3.2 新浪导航栏（下）

• 课程信息
• 课程时长：6分19秒
• 课程名称：10-新浪导航栏（下）.avi

• 问答与练习
3.3 计算盒子实际大小

• 课程信息
• 课程时长：8分26秒
• 课程名称：11-计算盒子实际大小.avi

• 问答与练习
• padding影响盒子的实际大小吗?
3.4 课堂一练计算题

• 课程信息
• 课程时长：3分58秒
• 课程名称：12-课堂一练计算题.avi

• 问答与练习
• 注意：如果在样式内设置了padding，但是又设置了padding-left/padding-
right，那么就会更改相应的值
4.1 padding不影响盒子大小的情况

• 课程信息
• 课程时长：4分19秒
• 课程名称：13-padding不影响盒子大小的情况.avi

• 问答与练习
4.2margin外边距

• 课程信息
• 课程时长：5分07秒
• 课程名称：14-margin外边距.avi

• 问答与练习
• magin是指的哪里的距离？
4.3块级盒子水平居中

• 课程信息
• 课程时长：5分38秒
• 课程名称：15-块级盒子水平居中.avi

• 问答与练习
• 如何让盒子水平居中？
4.4 文字居中和盒子居中

• 课程信息
• 课程时长：4分11秒
• 课程名称：16-文字居中和盒子居中.avi

• 问答与练习
• 文字居中用的是 text-align，里面的内容，行内元素，行内块元素都生效
• 盒子居中用的是margin左右设置为 auto
4.5 插入图片和背景图片区别

• 课程信息
• 课程时长：5分18秒
• 课程名称：17-插入图片和背景图片区别.avi

• 问答与练习
4.6 清除元素默认的内外边距

• 课程信息
• 课程时长：5分55秒
• 课程名称：18-清除元素默认的内外边距.avi

• 问答与练习
5.1 并列垂直外边距合并

• 课程信息
• 课程时长：3分56秒
• 课程名称：19-并列垂直外边距合并.avi

• 问答与练习
• 如果相邻的两个盒子设置了垂直外边距，那么两个盒子的距离是两个margin值
得和吗？
5.2 嵌套垂直外边距合并

• 课程信息
• 课程时长：5分56秒
• 课程名称：20-嵌套垂直外边距合并.avi

• 问答与练习
5.3 网页布局的稳定性

• 课程信息
• 课程时长：2分06秒
• 课程名称：21-网页布局的稳定性.avi

• 问答与练习
• width > padding >margin
5.4 ps基本操作和快捷键

• 课程信息
• 课程时长：7分17秒
• 课程名称：22-ps基本操作和快捷键.avi

• 问答与练习
6.1 综合案例-新闻列表box制作

• 课程信息
• 课程时长：5分59秒
• 课程名称： 23-综合案例-新闻列表box制作.avi

• 问答与练习
6.2 综合案例-新闻列表box添加padding

• 课程信息
• 课程时长：3分59秒
• 课程名称：24-综合案例-新闻列表box添加padding.avi

• 问答与练习
6.3 综合案例-新闻列表标题制作

• 课程信息
• 课程时长：5分08秒
• 课程名称：25-综合案例-新闻列表标题制作.avi

• 问答与练习
5.4综合案例-新闻列表列表制作

• 课程信息
• 课程时长：5分56秒
• 课程名称： 26-综合案例-新闻列表列表制作.avi

• 问答与练习
5.4 综合案例-新闻列表三角箭头

• 课程信息
• 课程时长：2分50秒
• 课程名称：27-综合案例-新闻列表三角箭头.avi

• 问答与练习
5.4 综合案例-新闻列表案例完成

• 课程信息
• 课程时长：4分47秒
• 课程名称：28-综合案例-新闻列表案例完成.avi

• 问答与练习
5.4 今日总结

• 课程信息
• 课程时长：3分01秒
• 课程名称：29-今日总结.avi

• 问答与练习
5.4 拓展-圆角边框

• 课程信息
• 课程时长：3分14秒
• 课程名称：30-拓展-圆角边框.avi

• 问答与练习
5.4 拓展-盒子阴影

• 课程信息
• 课程时长：7分12秒
• 课程名称：31-拓展-盒子阴影.avi

• 问答与练习
• 完成新闻案例。
5.4 CSS书写规范

• 课程信息
• 课程时长：3分54秒
• 课程名称：32-CSS书写规范.avi

• 问答与练习
• 子元素可以继承父元素的哪些样式？