本书主要介绍网页设计中的布局基本原理和网页交互的技巧及视觉表现方法。本书分基础篇、界面交互篇、视觉表现篇、案例实践篇四大模块，每个模块下又细分章节，且每章都设有小结与案例，具体包括：网页设计的概述、网页界面设计的内容、用户体验研究、信息架构设计、界面与布局、网页视觉设计要点、视听元素、网页视觉风格、综合案例。

当你欣赏下面这些案例时，留意一下他们如何以及为何使用矩形或正方形元素，会使得你思路大开。天通苑电脑培训列举的方块元素，被用来对齐、组织、装饰、排列页面上的方与圆。在设计中使用方块元素有很多方法和原因。我们来详细了解一下。使用方块布局的目的是什么？或许这对你而言有点哲学和理论化，我们来看看别人选择方块布局的原因。（顺便提一句，我所指的方块也包括矩形，有些案例也使用矩形。

首先也是最重要的，它有助于组织内容。其次，它也能打造特殊的样式。它们是展现内心渴望和需求的完美元素。看看DennisAdelmann的作品集，显而易见，方块元素被用来组织排列他的作品。这是组织排列任意数量内容的简单途径，让事物保持简洁。不过再看看WeLoveNoise这个网站，它就完全不同！是的，到处都是方块，移动鼠标时还有个有趣的动画效果。

块级元素在屏幕上显示时，将换行，如同存在回车或换行符一样例如，

、

、

、

、

、

、

、

、
、

、

、
、<内联元素在浏览器中显示时不会换行以下元素都是内联元素：、、、、、、、、、
、、、、、、和。
默认是独自占据一行的。比如是
、
、
、
、
、
、
、
、
、
、
、
2.内联元素，默认是几个内联元素都可以在同一行上显示，比如是、等。打个比方，本来是内联的，但好多时候做导航栏把它要设置为块，至于他们有什么作用，就要靠你自己体会了。