*内联元素：（行内元素）所谓的行内元素指的是只占自身大小的元素，不会占用一行
常见的内联元素：span a img iframe
span没有任何语义，span标签专门用来选中文字，然后为文字来设置样式
*盒子模型：使用width来设置盒子内容区的宽度
使用height来设置盒子内容区的高度
width和height只是设置的盒子内容区的大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定
*文字居中：textaline:center;
*使用border-width可以分别指定四个边框的宽度
*使用float来使元素浮动，从而脱离文档流，可选值none默认值，元素默认在文档流中排列，left，元素会脱离文档流向页面得左侧浮动，right，元素会立即脱离文档流，向页面的右侧浮动，元素浮动以后，会尽量向页面的左上或这是右上漂浮，直到遇到父元素的边框或者其他的浮动元素
如果浮动元素上边是一个没有浮动的块元素，则浮动元素不会超过块元素
*在文档流中，子元素的宽度默认占父元素的全部，当元素设置浮动以后，会完全脱离文档流.，块元素脱离文档流以后，高度和宽度都被内容撑开
*开启span的浮动。内联元素脱离文档流以后会变成块元素
