主要知识点：
1、盒子在页面的显示=margin+border+padding+width/height
2、每个html元素都可以抽象为一个盒子
效果图：
参考：
Tips:You can change the code before run.
本文来自投稿，不代表125jz立场，如若转载，请注明出处：http://www.125jz.com/5529.html
微信扫一扫 
支付宝扫一扫 
99%的人还看了以下文章
-
网页制作实战项目二：爱的天空
请加入网页设计交流群：208047327 ，在项目制作过程中有任何问题，可以在群内讨论，或进入本站问答社区互动。 【时间要求】 2 学时（ 45 分钟× 2=90 分钟） 【上机内容】 《爱的天空》主页面及心情日志页面制作 【上机目的】 1 、巩固表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使…
-
初学网页制作从这里开始
本系列教程的目的就是：通过简单、全面和正确的介绍，教会你如何创建网站。本教程将从基础讲起，不要求你具备任何编程知识。假如你继续阅读本教程的话，你将能在一小时内制成一个网站。
-
平面排版 CRAP原则-人人都可能成为设计师
CRAP是四项基本设计原理，包括对比（Contrast）、重复（Repetition）、对齐（Alignment）、亲密（Proximity） 对比（Contrast） 避免页面上的元素太过相似、如果元素不相同，就让它们截然不同元素包含字体、颜色、大小、线宽、形状、空间等根本目的：增强页面效果， 有助于信息的组织如何实现：通过字体选择、线宽、颜色、形状…
-
平面设计中最常用的一项设计技法-K先生案例精讲
对比是在平面设计中最常用的一项设计技法，几乎每一个作品中都会出现“对比”的痕迹，今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧，包括大小、色彩、肌理、前后、疏密、虚实…等等，每个技巧运行都配有设计案例，一步步教你如何分析设计，讲解到位，通俗易懂，实用性强，一定会对你的设计有所帮助。
