在这个适合初学者的指南中，你将学习如何创建一个响应式电子邮件模板。你将跟随逐步说明以及代码片段设计一个在任何设备上都看起来很棒的电子邮件模板。

这个项目非常适合渴望掌握电子邮件设计基础的新手！

因为咪咕举办的 Kindle 0元享 活动，最近入手Kindle 咪咕版的小伙伴特别多，其中很多还是第一次接触Kindle，甚至是第一次接触电纸书。

所以很多Kindle 咪咕版使用上的小技巧大家都不太了解，为了让大家更好地享受Kindle带来的阅读体验，静读君整理了这份Kindle 咪咕的使用小技巧集合。

因为内容太多，先看目录：

1. 注册流程
2. 磁盘传书
3. OTG传书

本文将介绍盒子文字位置确定，适合有一定前端小基础学习，小白可自行补课，后续可能补加更多基础知识

如何让文字在我们的盒子垂直居中呢？

行高我们利用最多的一个地方是： 可以让一行文本在盒子中垂直居中对齐。

做法就是： 文字的行高等于盒子的高度。

这里情况些许复杂，开始学习，我们可以先从简单地方入手学会。

行高line-height 等于 height 高度 文字会 垂直居中

它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 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;