2021-05-23潘婷

工作日志

一.知识总结

1.内边距:padding属性设置元素的填充;顺时针方向设置padding的值。

2.盒子模型

(1)Content box: 用来显示内容,大小通过设置 width 和 height .
(2)Padding box: 包围在内容区域外部的空白区域; 大小通过 padding 相关属性设置。
(3)Border box: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。
(4)Margin box: 这是最外面的区域,是盒子和其他元素之间的空白区域。大小通过 margin 相关属性
设置。

3.标准盒子模型:margin不计入实际大小。

4.替代盒子模型:

.box {
box-sizing: border-box;
}

5.display属性的值:

block:元素呈现块元素特征,此元素前后会带有换行符
inline:元素呈现行内元素特征,元素前后没有换行符
inline-block:元素呈现行内并保持宽和高的属性,行内块元素
none:元素不做呈现,不占网页空间。与visibility:hidden不同,visibility不显示但占用网页空间。

6.背景颜色:background-color

transparent:指定背景颜色透明,这是默认。
inherit:指定背景颜色,从父元素继承。

7.背景图片:background-image

8.书写模式:writing-mode

9.设置一个或多个下拉阴影的框 box-shadow

10.透明度opacity,值的范围是 0~1(1 为不透明, 0 为完全透明)。

二.心得体会

今天的学习内容挺少的,练习的挺时间挺多,晚上的第二个习题对我来说挺难得,做了好长时间还是没做好,希望通过老师的讲解能够理解。

标签

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