Li锂元素的性质及其反应特征类型（详细）

Li锂元素核外电子数为3,外围电子构型是2S1,与同周期元素比有较大原子半径和较少的核电荷,故其金属晶体中金属键不牢固,单质的熔、沸点较低,硬度较小锂是所有金属中最轻的
化学性质上表现为易失电子,成为Li+,而Li+的半径远小于同族其他阳离子,锂的化合物具有一定程度的共价性Li的标准电极电势很低,仅为-3045这不仅是因为Li是活泼的碱金属,同时还因为Li的原子半径小,易与水分子结合生成水和离子,释放出较多能量因此Li的失电子倾向很强
锂的一些反应的化学反应方程式叙述如下：
4 Li + O₂ = 2 Li₂O （反应条件：自发反应,或者加热,或者点燃）(燃烧猛烈）
6 Li + N₂ = 2 Li₃N（反应条件：自发反应,或者加热,或者点燃）
2 Li + S = Li₂S （该反应放出大量热,爆炸!）
2 Li + 2 H₂O = 2 LiOH + H₂↑（现象：锂浮动在水面上,迅速反应,放出氢气）
2 Li + 2 CH₃CH₂OH(乙醇) = 2 CH₃CH₂OLi(乙醇锂) + H₂↑
4 Li + TiCl₄ = Ti + 4 LiCl
2 Li + 2 NH₃(l) = 2 LiNH₂ + H₂↑

1、首先打开可以编写前端代码的编辑器，新建一个testhtml文件，HTML文件是前端页面文件，可以在浏览器直接打开查看效果。新建文件后写入基本的代码，如图所示。

2、接下来在body标签里面写入一个div标签，并在里面写一个ul标签，ul里面包含四个li标签，并写上1111,2222,3333,4444的文本。同时，还有写入id或class属性，以便于后面设置样式。

3、上一步的效果如图所示，可以看到，现在只是一个普通的列表，四个元素前面都有黑点。这是ul、li标签的默认样式。。

4、接着设置居中效果，在style标签里面写入如图所示代码，对元素的样式进行设置。

5、写入代码后，在浏览器里打开该文件，查看效果，如图所示，达到了居中的效果。

1、参照栅格系统

2、两端对齐

1）text-align:justify;

2）text-align-last:justify;

3、css3 flex

一 基本概念

1层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

2CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

二 编程工具

1记事本:使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以html为后缀名进行保存即可。

2Dreamweaver:它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页。

<style type="text/css">
{margin:0 auto;padding:0px;text-align:center;}
#bigsite{margin-top:10px; height:1000px;}
#bigsite ul{list-style:none;width:606px;}
#bigsite ul li{text-decoration:none; float:left; display:block; width:200px; height:50px; font-size:14px;line-height:50px;}
first{border-left:1px #ababab solid;border-right:1px #ababab solid;border-top:1px #ababab solid;}
second{border-top:1px #ababab solid;border-right:1px #ababab solid;}
last{border-bottom:1px #ababab solid;}
clear{clear:both;}
</style>
<div id="bigsite">
<ul>
<li class="first">新浪</li>
<li class="second">网易</li>
<li class="second">搜狐</li>
</ul>
<div class="clear"></div>
<ul>
<li class="first">新华网</li>
<li class="second">人民网</li>
<li class="second">凤凰网</li>
</ul>
<div class="clear"></div>
<ul>
<li class="first last">谷歌</li>
<li class="second last">百度</li>
<li class="second last">搜狗</li>
</ul>
</div>
PS:兼容性ie6,8，FF，谷歌正常，其他浏览器未测试。上边是我写的你要的ul li代替表格table的代码，当下流行div+css，但是有些时候还是用table要简单的多，而不是一味追求div+css呵呵，有问题欢迎各位随时百度hi沟通。

1、首先打开hbuilder软件，新建一盒html文件，写入一个外围的div容器标签，div中设置一个span标签：

2、然后在上方设置style标签，在里面设置div的字体，高度和宽度以及背景颜色的属性，同时设置div的display属性为table-cell，将它设置为表格元素，然后设置纵向对齐方式vertical-align属性为中间居中，在span标签中不设置高度和宽度就可以垂直居中了：

3、最后打开浏览器就可看到垂直居中的效果了：

1、参照栅格系统

2、两端对齐

1）text-align:justify;

2）text-align-last:justify;

3、css3 flex

一 基本概念

1层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

2CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

二 编程工具

1记事本:使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以html为后缀名进行保存即可。

2Dreamweaver:它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页。

---