LAPTOP-IPHRD493_0523廖思雨

实习日志 DAY

知识点

盒子模型

盒子模型分为:

标准盒子模型

IE盒子模型

内联盒子只使用盒模型中定义的部分内容。模型定义了盒的每个部
分 ——合在一起就是在页面上看到的内容。

标准模型:

Content box 显示内容,大小通过设置 width 和 height .
Padding box 内容区域外部的空白; 大小通过 padding 属性设置。
Border box 边框盒包裹内容和内边距。
Margin box: 大小通过 margin 相关属性设置。

调整背景图像的大小

background-size 属性,它可以设置长度或百分比值,来调整图像的大小以适应背景
你也可以使用关键字:
cover —浏览器将使图像足够大,使它完全覆盖了盒子区,同时仍然保持其高宽比。在这种情况
下,有些图像可能会跳出盒子外
contain — 浏览器将使图像的大小适合盒子内。在这种情况下,如果图像的长宽比与盒子的长宽
比不同,则可能在图像的任何一边或顶部和底部出现间隙。

学习心得

今天的学习让我非常迷,我开始考虑,我是否适合这个专业。我想,实在不行,我就去端盘子,但是下午吃饭的时候,我把饭撒了一点,我想我还是乖乖学习比较好,嗯,加油。迷糊小秃头~

标签


© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1