关于一个静态网页的静态布局,对于一个前端初学者来说,pink老师的网页布局准则就是先设置盒子大小,然后排放盒子的位置,最后设置盒子的样式。
其实一个网站的结构页面从技术角度出发就是若干个大大小小的盒子组成的,我们只要吧盒子大小和位置摆放正确,一个简单的html页面就可以轻松完成。从考虑搜索引擎SEO规则出发,就要考虑结构简单化,精准化,使用那些标签可以让搜索引擎更精准的定位到该网站。
另外如果考虑到网站的长远性发展就需要考虑到方方面面,比如就拿最基本的电商网站来说,我们需要考虑到广告和商品的更换及时性等等以及网站的后续维护问题,就需要我们在写代码的同时更加仔细化和精准化。未来的路还很长,祝学业、事业有成。
简单的盒子,给他们设置大小和浮动:
margin:0 auto;可以让盒子水平居中在浏览器页面。而line-height行高等于height可以让盒子垂直居中。
一个网页雏形中的盒子布局
今天你学到了吗?