主要知识点：
1、盒子在页面的显示=margin+border+padding+width/height
2、每个html元素都可以抽象为一个盒子
效果图：
参考：
Tips:You can change the code before run.
本文来自投稿，不代表125jz立场，如若转载，请注明出处：http://www.125jz.com/5529.html
微信扫一扫 
支付宝扫一扫 
99%的人还看了以下文章
-
网页设计中字体运用的12个技巧一超实用！
文字、文本排版是日常网站设计工作中经常用到，看似简单的文字，实际上排版也是很有讲究。 1. 了解字体的性格 每个字体都有性格，人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢，了解你的目标人群，知道你文档的用途，选择一类字体，使用你的目标人群所期望的字体，是你的文档的用途所需要的字体。 更多请阅读：网页设计字体篇：字体的性格 2. 避免使用默认字…
-
企业做网站选择定制开发，还是网上在线模板建站好？
不少企业老板，要做网站，总爱先问做网站多少钱？ 在《做个企业网站多少钱？》一文中，我们讲解了做网站，先要明白，价格和价值的关系，只看价格不比质量，不看实际给企业能带来多大价值的网站都是没有什么用处的，看似便宜，实际多花了钱，后期还要重做，总起来花的钱比原来还要多。想花一千的价格，还要求网站页面漂亮，功能完善，用户体验及排名都要好，这是不现实的。 企业做网站选…
-
以文字为主题的海报如何进行版式设计
豪斯课堂又一力作，耗时3个月。 让人受益匪浅的主题设计教程，版式调整下~！主体立刻突现！赞！把之前设计的一些迷惑的地方都给找出来了。 网友评论： 感触大发，突然就有了灵感！！！ 完全的干货，干的拧不出水，看的时候非常感动，不禁在想楼主为此篇教程到底做了多少努力，看完之后有种肃然起敬的感觉。 非常好，理解很容易。最后修改一些同学的图片，我觉得真是大神，修改后的…
-
初学网页制作从这里开始
本系列教程的目的就是：通过简单、全面和正确的介绍，教会你如何创建网站。本教程将从基础讲起，不要求你具备任何编程知识。假如你继续阅读本教程的话，你将能在一小时内制成一个网站。
