主要知识点：
1、盒子在页面的显示=margin+border+padding+width/height
2、每个html元素都可以抽象为一个盒子
效果图：
参考：
Tips:You can change the code before run.
本文来自投稿，不代表125jz立场，如若转载，请注明出处：http://www.125jz.com/5529.html
微信扫一扫 
支付宝扫一扫 
99%的人还看了以下文章
-
福利！13款免费商用黑体字体推荐
“黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体，前 6 款为各大品牌开发的黑体字型，后 7 款是在传统黑体上进行设计改造，形成各有特点的黑体变体。 Adobe 和 Google 共同开发的免费黑体。字体设计优雅，显示效果优秀，可以满足不同场景下的文字显示需求。由于字…
-
初学网页制作从这里开始
本系列教程的目的就是：通过简单、全面和正确的介绍，教会你如何创建网站。本教程将从基础讲起，不要求你具备任何编程知识。假如你继续阅读本教程的话，你将能在一小时内制成一个网站。
-
网页设计常用色彩搭配表《配色表》
该配色表将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。 按色相的搭配分类 红色、橙色、 黄色、 黄绿色、 绿色、 青绿色、 蓝色、 蓝紫色、 紫色、 紫红色 按印象的搭配分类 柔和、明亮、温柔柔和、洁净、爽朗可爱、快乐、有趣活泼、快乐、有趣运动型、轻快轻快、华丽…
-
web前端开发学习路线
如果你是新手，准备学习web前端开发的话，一定要想想为什么要学习它？性趣、爱好、获得一份相关工作…… 定位好自己，持之以恒，然后是多学、多思、多练、多交流、多总结，发现自己的问题，然后克服。在状态不好的情况下，要及时调整，多向大牛请教，那样往往能让自己成长的快，切勿急躁。 初学web前端开发可以看一些入门视频教程，之后可以买一些书，做一些小项目，要学会分析自…
-
网站前端开发常用工具大全-web设计师必备
今天给大家分享的是网站前端开发常用工具及网址。 掌握了这些工具中的大部分，会让你的WEB前端设计工作事半功倍，您离一个优秀的前端设计师也就不远了~~ 原前端开发网（w3cfuns）开发，让前端开发变得更简单，exe文件只有1.67MB，点击直接运行，不需要安装，很方便。 功能：正则表达式、代码压缩、雪碧图制作、json格式化等，如果你经常在没有网络的办公环境…
-
网页设计第一步：绘制网站草图
网站设计草图是对页面元素布局、页面造型设计、交互表现形式等所做的手绘草图说明，是对用户需求沟通的图形表现，以便更准确无误地与用户确认需求，也对网站风格设计过程起指导作用。
