2020.8.13+王杉

1.今天老师首先把昨天选择器没有讲完的选择器权值讲完了:
选择器的权值主要是判断选择器的优先级的,我们进行了小练习,
根据不同类型选择器的类型和先后放置顺序把几个基本选择器的优先级给判断出来了,
方便我们加深记忆,在忘了权值的情况下也能知道它们的优先级。
2.今天剩下的全部都是在讲盒子模型:
(1)盒子的尺寸单位:一些基本的属性如:width等.
(2)盒子的取值单位:绝对单位:px等和相对单位:em等的关系.
(3)页面中行内元素和块级元素是否设置宽高和以及子父类的关系.
(4)溢出问题做了个类似轮播中图片横向溢出的练习,给溢出的盒子加上滚动条.
(5)颜色的取值方式:rgb、rgba中具体数值的意义.
(6)边框的属性以及边框的圆角倒角:在练习中经使用记忆比较深刻.
(7)边框阴影:六个数值的具体意义.
(8)轮廓:表单的边框属性设置.
(9)主要重点盒子结构模型:主要是分几部分计算盒子的大小比如有:内容+内边距+外边距+外边框
,以及内容的计算方式不要搞混,比如加了box-sizing的两种属性该怎么算元素实际的大小,
还有就是内外边距的详细讲述margin padding数值个数和分别代表什么要分清楚,
一些特殊情况都做练习试过了如:内外边距合并,块级和行内和行内块元素的一些设置尺寸/换行/
外边距的使用情况.
外边距溢出的原因以及处理方法面试中需要提到其中一个:使用table标签用来处理的方法.

今天做了许多有助于我们记住知识点的练习,比如:结构伪类写轮眼眼睛的制作、阴影制作乒乓球拍、
伪元素选择器制作跳动的心。
今天讲的很多还是之前实训加深过记忆的东西,弥补了之前没有学好的地方总的来说还是比较好吸收的
,剩下的需要多使用去更熟练的去使用掌握不同的用法。

标签

评论

this is is footer