它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。

上图这样的布局，就是 Grid 布局的拿手好戏。

Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。

Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。

行颜色设置的简便方法

昨天我们在《使用HTML添加表格3（间距与颜色）——零基础自学网页制作》（目录在结尾）中学习了设置单元格以及其中内容的空间间距和背景颜色。

其中添加列向单元格背景颜色只需要修改对应的<tr>标签中的style属性，而修改行向标签需要修改不同<tr></tr>标签中的<td>标签的style属性，这样操作起来就非常的麻烦，那有没有简便的修改行向单元格背景颜色的方法呢？

内容排版的存在是为了荣誉。

沟通在设计中起着至关重要的作用。这是建立用户和网站之间的明确联系，并帮助你的用户实现目标的关键。当我们谈论网页设计环境中的沟通时，这通常是指文本。排版在这个过程中起着至关重要的作用：网络中超过95％的信息是以文字的形式出现。

好的排版提高了用户的阅读积极性性，反之，差的排版会降低用户的阅读积极性。 正如Oliver Reichenstein在他的文章《Web Design is 95% Typography》中所说：

• 软件版本：
• 软件大小：
• 软件授权：
• 适用平台：
• http://dl.pconline.com.cn/download/455953.html

1、单击“开始”选项卡中的“段落”选项组下面的显示段落对话框按钮。

2、段前、段后、段左、段右之间的间距我们可以通过在弹出的“段落”对话框中进行调整，“缩进”下面的“左侧”、“右侧”是设置段左、段右的。在“间距”下面的“段前”、“段后”是设置段落上和下之间的间距。

-接上文

第三步

将标题居中

需要新学一个属性：

align 属性规定内容的水平对齐方式。

align 属性有3个值：

当 align="center" 的时候，就是居中对齐内容；当 align="left" 的时候，就是左对齐内容；当 align="right" 的时候，就是右对齐内容。

在 <h1>、<p> 标签中添加 align 属性，如下：

滚动距离

document.body.scrollTop IE、FF

document.documentElement.scrollTop chrome

兼容性写法:

var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;