CSS高级

CSS水平对齐

块元素指的是占据全部可用宽度的元素，并且在其前后都会换行。
把左和右外边距设置为 auto，规定的是均等地分配可用的外边距。结果就是居中的元素
如果宽度是 100%，则对齐没有效果。

margin-left:auto;
margin-right:auto;
margin:auto;

CSS尺寸

设置元素的最大高度：p{max-height: 10px}
设置元素的最小高度：p{min-height: 100px}

属性	描述
height	设置元素的高度。
line-height	设置行高。
max-height	设置元素的最大高度。
max-width	设置元素的最大宽度。
min-height	设置元素的最小高度。
min-width	设置元素的最小宽度。
width	设置元素的宽度。

CSS分类

可见不可见：

h1.visible {visibility:visible}
h1.invisible {visibility:hidden}

visibility:collapse
其实 visibility 可以有第三种值，就是 collapse 。当一个元素的 visibility 属性被设置成 collapse 值后，对于一般的元素，它的表现跟 hidden 是一样的。但例外的是，如果这个元素是table相关的元素，例如table行，table group，table列，table column group，它的表现却跟 display: none 一样，也就是说，它们占用的空间也会释放。但遗憾的是，各种浏览器对 collapse 值的处理方式不一样。
在火狐浏览器、Opera和IE11里，使用 collapse 值的效果就如它的字面意思：table的行会消失，它的下面一行会补充它的位置。
改变光标：<span style="cursor:auto">Auto</span><br />

CSS导航栏

垂直导航栏：display:block - 把链接显示为块元素可使整个链接区域可点击（不仅仅是文本），同时也允许我们规定宽度。用列表。
水平导航栏：有两种创建水平导航栏的方法。使用行内或浮动列表项。两种方法都不错，但是如果您希望链接拥有相同的尺寸，就必须使用浮动方法。

CSS透明度

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */
}