主要知识点：
1、盒子在页面的显示=margin+border+padding+width/height
2、每个html元素都可以抽象为一个盒子
效果图：
参考：
Tips:You can change the code before run.
本文来自投稿，不代表125jz立场，如若转载，请注明出处：http://www.125jz.com/5529.html
微信扫一扫 
支付宝扫一扫 
99%的人还看了以下文章
-
网页设计师必须知道的八大前端核心知识
前端入门核心知识点 浏览器 Web标准：结构标准（HTML）、表现标准（CSS）、行为标准（JS） 浏览器分为两部分：渲染引擎（即：浏览器内核）、JS 引擎 浏览器的工作原理：重绘和重排、V8引擎 App的WebView容器，相当于浏览器，可以内嵌H5网页 HTML5 语义化标签：<header>、<article> 、<foo…
-
网页设计中最常用的7款字体
字体主要分为衬线字和无衬线字。网站制作中，选用什么样的字体是比较重要。 衬线字和无衬线字的区别：左边的中文和英文字属于衬线字，右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。 如宋体，观察比划可以看到横细竖粗的特点，这就是典型的称线字。 无衬线字体没有这些额外的装饰，而且笔画的粗细差不多。比如微软雅…
-
移动端web app和页面开发使用什么字体？微软雅黑？
一直不清楚移动端web app和页面用的什么字体，只是觉得类似微软雅黑，直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。 三大手机系统IOS、android、winphone支持的字体 ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 androi…
-
新手必看：如何制作网页
网上学习如何制作网页的教程很多，但是都很杂乱，没有一个体系。这篇文章，是给大家梳理一下制作网页所需要学习的内容，新手可以按照这个流程，一步一步的学习，当然，如果你一直看下去，我们会有惊喜给大家。
-
最全的前端开发框架介绍
前端框架一般指用于简化网页设计的框架，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等）。前段框架的好处：对于互联网的产品而言，前端用户体验往往决定了一款产品的竞争力和吸引力;而对于前端工程师来说，考虑的问题更为复杂，他们既要为网站上提供的产品和服务实现一流的Web页面、优化…
