主要知识点：
1、盒子在页面的显示=margin+border+padding+width/height
2、每个html元素都可以抽象为一个盒子
效果图：
参考：
Tips:You can change the code before run.
本文来自投稿，不代表125jz立场，如若转载，请注明出处：http://www.125jz.com/5529.html
微信扫一扫 
支付宝扫一扫 
99%的人还看了以下文章
-
为什么做个网站，价格差别那么大？
做个网站，从几百，到上万，为什么价格差别那么大？ 现在市面上的建站公司有很多，实力不同，使网站质量也参差不齐。地方不同，团队不同，规模不同，网站报价又各不相同。网站是由域名、服务器、程序组成，一样的东西放在不同的建站公司里，价格也变化很大。今天，125网页设计给大家解析：为什么做个网站，价格差别那么大？ 一、网站程序 制作网站分为使用模板与定制开发两种。相关…
-
绝美！9种最有意境的蓝色
蓝色既代表着忧郁，又代表着温柔，它和白色混合之后，还能体现柔顺、淡雅、浪漫的氛围，像天空的色彩~蓝的种类也有很多，克莱因蓝是备受设计师喜爱的一种，也是最经典的一种，而且蓝色是最具凉爽、清新、专业的颜色，今天125建站网给大家分享9种不同的蓝色，你更喜欢哪一种呢？
-
以文字为主题的海报如何进行版式设计
豪斯课堂又一力作，耗时3个月。 让人受益匪浅的主题设计教程，版式调整下~！主体立刻突现！赞！把之前设计的一些迷惑的地方都给找出来了。 网友评论： 感触大发，突然就有了灵感！！！ 完全的干货，干的拧不出水，看的时候非常感动，不禁在想楼主为此篇教程到底做了多少努力，看完之后有种肃然起敬的感觉。 非常好，理解很容易。最后修改一些同学的图片，我觉得真是大神，修改后的…
-
网页上标准的广告尺寸规格大全
网页中的标准网页广告尺寸规格 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展…
-
初学网页制作从这里开始
本系列教程的目的就是：通过简单、全面和正确的介绍，教会你如何创建网站。本教程将从基础讲起，不要求你具备任何编程知识。假如你继续阅读本教程的话，你将能在一小时内制成一个网站。
-
福利！13款免费商用黑体字体推荐
“黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体，前 6 款为各大品牌开发的黑体字型，后 7 款是在传统黑体上进行设计改造，形成各有特点的黑体变体。 Adobe 和 Google 共同开发的免费黑体。字体设计优雅，显示效果优秀，可以满足不同场景下的文字显示需求。由于字…
