LAPTOP-CM3SNMK4_20210523 单俊秀

日志

1.知识总结

内边距（内填充）

​ padding属性设置元素之间的填充，是指内容区域和边距之间的距离。不能为负数。

盒子模型

​ 注：一般都为块元素。

​ 盒子模型的各个部分

​ （1）Content 显示内容，设置width和height

​ (2) padding box 包围在内容区域外部的空白区域

​ （3）border box 边框盒包裹内容盒内边框

​ (4）margin box 这是最外面的区域，是盒子和其他元素之间的空白区域

标准盒模型

​ 内容+内填充+边框

替代盒模型

​ 内容宽度-内填充-边框

​ 通过设置box-sizing:border-box 来实现

display

​ 规定元素应该显示成什么的类型

​ 属性值：

​ (1) black:元素呈现块元素特征显示，此元素前后会有换行符

​ （2）inline:呈现内联元素特征，前后无换行

​ (3)inline-block:元素呈现内联元素，并保持宽和高属性

​ （4）none:不做呈现，不占网页空间，与visibility hidden不同，只是隐藏不可见，但占网页空间

​ （5）flew 流体布局

设置背景样式 background

​ 设置背景颜色 background-color

​ 设置背景图片 background-image

​ 控制背景平铺 background-repeat

​ 调整背景图像的大小 background-size

​ 有两个取值：cover、contain

背景图像定位 background-position

渐变背景

​ linear-gradient 线性梯度渐变，延伸到整个盒子上

​ radial-graaient 有一个固定的大小，因此会重复

背景附加 background-attachment

​ 取值有 ：scroll、fixed 、local

元素溢出 overflow

修饰字体

​ font-family ：字体

​ font-style：字体风格

​ font-decoration :字体加横线

text-align: 字体所处位置

line-height：行高

text-shadow:阴影

透明度 opacity

鼠标样式 cursor

2.心得体会

​ 今天是实习的第四天，总的来说有高兴有失落，当做出一个程序的时候那种自豪感和满足感是前所未有的，但有时候因为做不出来就心情就特别低落，每天下来也很满足，努力去跟的上每天的进度。很喜欢每天和同学去讨论当天所学的内容，靠自己的努力去完成每天的内容。

3.疑问

（1）将一个图形横向划分和纵向划分