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>

 

##样式初始化:

##margin的使用： -------margin  是外边距--------

 

 

1. 

2.

 

##奇怪的border属性：

 

##蓝色：padding; 红色：margin ; 黄色：border ； 字体对齐：line-height

 

##易混属性：

去掉列表圆点：line-style:none;

去掉链接下划线：text-decoration:none;

 

##overflow 属性：：

 

###position定位：：