css学习的第五天第六天

元素类型：
1.块状元素block
是一个矩形区域。块状元素一般独占一行，会上下排列。可以自定义宽和高。一般作为容器使用。div dl dt dd from h1~h6 hr ol p ul li fieldset表单字段集 colgroup-col表单列分组元素 table-tr-td表格行单元格
2.内联元素inline
在行内逐个显示。宽高不能自定义是根据内容决定的。也会遵循盒模型基本规则，但是padding-top：；margin-top/bottom：；不能正确显示。a b br i em img input tabel span strong sub sup textarea多行文本框 u select项目选择
3.内联块元素inline-block
根据上下文关系确定是块元素或者内联元素。Img input textarea select
元素类型转换：display属性，属性值常用的有block inline none inline-block list-item列表显示
行内块元素：inline-block特殊应用；
Vertical-algin：；垂直对齐。Top bottom middle baseline
让一个元素在父元素里面左右上下居中：
1.给父元素添加text-align：center（左右居中）
2.给当前元素添加：display：inline-block；vertical-align：middle；
3.在当前元素后面（不要回车），添加一个空的span
给span设置样式：display：inline-block；width：0；height：100%；vertical-align：middle；
行内块元素input
Img当作行内块使用->特殊存在：拥有行内块的特点。Img默认情况下在浏览器中display值为inline
Img为什么能添加大小：因为他是置换元素，置换元素在页面显示过程中能够生成一个框，所以能够添加大小。
定位position