cssheight(CSS height属性实例讲解)
一、css中line-height的具体用法是什么
line-height就用来给一行内容的高度设定范围的。
1、比如说，有一个这样的DIV：
<div style="line-height:36px;"></div>
它的意思就是说，这个DIV里面的每一行文字，占36个像素。
2、它经常应用在让一些文字居中到一个位置。比如像下面这个：
<div style="width:50px;height:36px;color:red;background:black;"></div>
3、如果你在这个DIV里面写一行文字的话，它默认是在这个DIV的左上角的。如果你想让它在垂直方向上居中的话，那你就可以再加一个样式，就是line-height:36px；意思是让这里面的文字每一行占36个像素，那么，这行文字的高度正好和那个DIV的高度相同，那文字就会表现出垂直居中的效果了。
CSS-层叠样式表
英文全称：Cascading Style Sheets。是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
二、css中height:0是什么意思
CSS heightCSS中的属性
CSS height是CSS中的一个属性。
中文名CSS height
用途CSS中设置元素的高度
定义和用法
height属性设置元素的高度。说明这个属性定义元素内容区的高度，在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略这个属性。默认值：auto继承性：no版本：CSS1JavaScript语法：object.style.height="50px"属性值
在CSS中height属性具有以下的取值：[1]值描述auto默认。浏览器会计算出实际的高度。length使用 px、cm等单位定义高度。%基于包含它的块级对象的百分比高度。
三、CSS中 *+height是什么意思
这个是css中hack的写法。针对ie8以下的浏览器起作用。
1、css hack
CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。
简单的说，CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然，我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。
2、常见的css hack写法
（1）方式一条件注释法
只在IE下生效
<!--[if IE]>这段文字只在IE浏览器显示<![endif]-->
只在IE6下生效
<!--[if IE 6]>这段文字只在IE6浏览器显示<![endif]-->
只在IE6以上版本生效
<!--[if gte IE 6]>这段文字只在IE6以上(包括)版本IE浏览器显示<![endif]-->
只在IE8上不生效
<!--[if! IE 8]>这段文字在非IE8浏览器显示<![endif]-->
非IE浏览器生效
<!--[if!IE]>这段文字只在非IE浏览器显示<![endif]-->
（2）方式二类内属性前缀法
属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。
IE浏览器各版本 CSS hack对照表
说明：在标准模式中
“-″减号是IE6专有的hack
“\9″ IE6/IE7/IE8/IE9/IE10都生效
“\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack
“\9\0″只对IE9/IE10生效，是IE9/10的hack