温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
我们来看透网页布局的本质,哎,在我们网页布局里面呢,我们发现里面有许许多多的文字,许许多多的图片,哎,我们是怎么样子能够把这个文字和图片摆放的这么整齐呢?哎,其实呢,要做这个效果,我们就看透我们网页的本质了,那你看这是一个小米的网页,那我们做这个网页,实际上它是这么来做的,先建立一个这么大的一个盒子,这个盒子呢,应该是有一个宽度,有一个高度,就是我们说的大小,然后呢,把位置给它摆放好,摆放好了之后呢,再把图片丢进去,诶上面这一块是不是都完毕了,老师,下面这个做法呢,那不一样道理吗?先建这么大的一个盒子,这个盒子有了之后,里面再装内容,那这里是不是分一个左一个右呀,哎,不要紧,那我们左边呢再放一个盒子,右边呢,你再放一个盒子,然后呢,两个盒子都建好位置了,再把内容丢进去。是不是就完成我们的网页布局了?它比把大象装进冰箱还省一步,那么把大象装进冰箱,先把冰箱门打开,把大象装进去,把冰箱门关上,还分三步呢,而我们这个网页布局就两步。
01:12
哪两步啊,第一步首先是利用我利用我们的CSS设置好盒子的大小,然后摆放好盒子的位置,然后你看这个呢,先把这个盒子准备好,准备好了位置准备好之后呢,第二步再把我们一些网页元素,比如说文字图片呢,再丢进去,放到盒子里面去,那就结束了呀,连连冰箱门都不用关,我们就两步是不是啊,那以上两步就是我们网页布局的本质了。那么所以说你看这个网页都都这样吗?你看下面这个地方是不是也是一样的道理呀,先建立一个盒子,这个盒子里面是不是在丢我们的内容就行了,哎,所以我们会发现,那你想网页布局里面有一个非常重要的一个概念或者名词,就叫做什么呀,盒子了,是吧,盒子是我们网页布局的关键点,那我们现在就应该把这个盒子呢,弄给他弄明白,弄得非常的清楚,这个盒子到底有什么特点呢?
02:06
哎,这个就引申出我下一个要给你讲的知识点了,是我们CSS中的盒子模型。那刚才呢,我们是给大家总结了一下,我们看透一下我们网页布局的本质,网页布局的本质是不是就是这两句话了,哎,先有了盒子,然后呢,摆放好位置再填内容就行了。那么盒子是我们网页布局的关键点。
我来说两句