陈柏安-2020-10-30

一.盒子
时间过得比较久,有点记不清楚都讲了什么。

网页可以说是由盒子组成的页面,一般分为上、中、下三个板块,
中间也分为三部分,分别是:左边框、中间的主区域、右边框。这些版块就是一个个的盒子,网页的组成就是盒子的组合。

二.盒子的相关指令

margin(外边距)
border(边框)
padding(内边距/填充 )

三.盒子的层次

1.盒子的边框(border),
2.元素的内容(content)、内边距(padding)
3.背景图(background-image)
4.背景色(background-color)
5.盒子的外边距(margin)
从这些层次中能够看出,同时设置背景图和背景色的时候,背景图会在背景色的上方显示。

心得体会:学了这些知识,网页给人的感觉不再是那么令人觉得神奇,觉得自己也可以做出来,但是,实际操作过程中还是
困难重重。

四.水平居中和垂直居中

水平居中的两种情况:
块级标签居中:margin:0px auto;
文字居中:text-align: center;
垂直居中:单行文字的垂直居中能通过设置文字所在行的高度与行高样式的一样高来实现。

标签

评论

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