20210523-马瑞

日志

一、知识总结

1、内边距

padding:value;

2、盒子模型

注意：margin 不计入实际大小 它会影响盒子在页面所占空间，但是影响的是盒子外部空间。盒子的范围到边框为止 ，不会延伸到margin。

3、display

display的属性值：
（1）block：元素呈现块元素特征，此元素前后会带有换行符
（2）inline：元素呈现行内元素特征，元素前后没有换行符
（3）inline-block：元素呈现行内并保持宽和高的属性，行内块元素
（4）none：元素不做呈现，不占网页空间。与visibility：hidden不同，visibility不显示但占用网页空间。

4、background常用属性值

（）background-color 背景颜色

（）background-image 背景图片

（）background-repeat 控制背景平铺

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

（）background-position 背景图像定位

5、文本书写

horizontal-tb : 块流向从上至下
vertical-rl : 块流向从右向左
vertical-lr : 块流向从左向右

6、溢出

visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 隐藏掉溢出。其余内容是不可见的。
scroll 显示滚动条，即使没有足够多引起溢出的内容
auto 如果内容需要被修剪，则浏览器会显示滚动条以便查看其余的内容。

7、 阴影 box-shadow

8、透明度 opacity 值为0~1

二、心得体会

​ 通过今天的学习可以进行简单网页渲染，制作许多有趣的效果图和背景图，在制作期间也难免有许多困难，而且大量知识没有完全懂，想要充分的了解各个元素还是需要加强练习！

三、提出问题

1、Typora里插入的图片如何缩放？