1.分类：内联元素分为替换元素和非替换元素
MDN上对可替换元素是这么说的
翻译过来就是
这些特殊的行内元素，虽然不换行，但可以设置宽高，四周padding和margin
而普通的行内元素（非替换元素，向span，a等）不能设置宽高，四周margin无效，四周padding有效，
但上下padding比较特殊，不会撑大内容区，但会撑大行高(line-height),下面我们细说
！此处注意：虽然替换元素特殊，但也是行内元素，下面介绍行内元素的一些概念
每个行内元素都有一条基线，规则如下
1.非替换元素中的基线是英文字母x的下端，什么意思，如图，红色的就是这个非替换元素的基线
2.替换元素中的基线就是margin-bottom的外沿
有了基线的知识，我们现来说说一行的行内元素是怎么排列的，只有两步
1.找到本行第一个行内元素，确定它的基线
2.找到下一个行内元素，确定它的基线并与第一个基线对齐，以此类推，直到排完本行内的所有行内元素
等一行的行内元素都排完了，这一行的行框就确定了，为什么叫行框，那肯定是把一行的行内元素都包含进去的框嘛，所以说行框的高度就是本行内最高的行内元素的top line 到最低的行内元素的bottom line。
line-height就是行内元素的内容区+padding，也就是一个行内元素的top line 到bottom line的距离
所以设置line-height为父盒子高度的一半就可以把元素挤到中间。
设置行内元素和本行框基线的对齐方式
css是基础啊， 不是整理css，是要通过css整理网页内容排版和实现样式呈现，css必须要会，不要问怎么整理，必须要学习好掌握好，而且要能把握细节调整，这样才能把图片和其他元素组合排列成你想要的结果，还要注意各浏览器的兼容问题，CSS是基础没有它是不行的，除非你用table排版，（过时了） 所以你要接触网页，第一点CSS先过关再说，ps再牛，设计理念在有创意，没有css你是表达不出结果的。没有什么软件可以整理css 。但是DW里可以生成CSS，里面的值和属性都有。CSS有很多网站的教程，一星期就能学会了.你可以去先熟悉一下。网页比喻成一栋房子的话，CSS就是结构框架的和装修的方式方法
