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里插入的图片如何缩放?

标签

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