元素的显示类型

块状元素

块状元素会以一个长方形显示。它拥有清晰的宽、高、边界、边框、补白和背景等属性。
块状元素默认长度是100%，它的末尾会隐藏一个换行符。
在网页设计中，块状元素主要用来定义页面结构、布局网页、构建网页基本框架和结构。
常用的块中元素：
div：布局结构
p：段落
h1~6：标题
ol、ul、dl、dt、dd：列表结构
title：网页标题框

行内元素

行内元素没有固定的宽和高，多个行内元素会在同一行中显示。
在网页设计中，行内元素主要用来定义特定语义的信息。
常用的行内元素：
span：行内包含框
a：超链接
img：图像
button、select等：表单对象

行内块元素

相当于把行内元素与块状元素结合起来。它拥有行内元素与块状元素的所有属性
如：input：输入框

设计网站的方式

定义网页结构

对于网站来说，一般会存在许多不同的信息模块，如：标题、广告、导航、功能、内容、版权等。在不考虑CSS样式和页面效果的情况下，设计网页的基本结构就是对网页进行一个简单的分析，对各个模块进行排序。

设计嵌套结构，构建基本框架

分析每个模块需要包含几个部分，每个部分包含什么内容，逐级分析，构建基础的三级结构。

设计局部结构

局部结构使用包含语义的元素进行构建，如h1，p等。需要注意：局部结构中尽量少出现ID属性

正文版式设计

根据要求进行网页主体的排版。