CSS样式学习[滴水]

##使得列表浮动到一排上：float:left | right

##内边距：padding    外边距：margin

 

##文字在div内居中：text-align: center;

 

##CSS中块级、内联元素的应用：

•     display:block -- 显示为块级元素
•     display:inline -- 显示为内联元素
•     display:inline-block --   显示为内联块元素，表现为同行显示并可修改宽高内外边距等属性

    @<ul>元素加上  display:inline-block  样式，原本垂直的列表就可以水平显示！！！

##行内块元素对齐：《规避脱标流》

• 浮动：float:left | right
• vertical-align: top | bottom | ...    ！！！推荐使用

##div居中：margin: 0 auto;

##有一排<li>的时候，不能站在定义样式的时候只写一个<li>