Skip to content

属性

每个 CSS 属性对于它可以接受哪些值都用不同的规定。有的属性只能接受预定义的值。
有的属性接受数字、整数、相对值、百分数、URL 或者颜色。有的属性可以接受多种类型的值。

min-height

1
2
3
4
5
6
<style>
p {
    min-height:100px;
    background-color:yellow;
}
<p>这段的最小高度设置为100 px。</p>

该属性值会对元素的高度设置一个最低限制。因此，元素可以比指定值高，但不能比其矮。不允许指定负值。

height

值 描述
auto 默认。浏览器会计算出实际的高度。
length 使用 px、cm 等单位定义高度。
% 基于包含它的块级对象的百分比高度。 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}
</style>
</head>
<body>
<img class="normal" src="height.png" width="95" height="84" /><br>
<img class="big" src="height.png" width="95" height="84" /><br>
<img class="small" src="height.png" width="95" height="84" />
</body>
</html>

height

text-decoration

text-decoration 属性规定添加到文本的修饰，下划线、上划线、删除线等。

值 描述
none 默认。定义标准的文本
underline 定义文本下的一条线
overline 定义文本上的一条线
line-through 定义穿过文本下的一条线
blink 定义闪烁的文本

z-index

z-index 属性指定一个元素的堆叠顺序。

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可拥有负的 z-index 属性值。

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

值 描述
auto 默认。堆叠顺序与父元素相等。
number 设置元素的堆叠顺序。 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<html>
<head>
<style type="text/css">
img.x {
position:absolute;
left:0px;
top:0px;
z-index:-1
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<img class="x" src="/i/eg_mouse.jpg" /> 
<p>默认的 z-index 是 0。Z-index -1 拥有更低的优先级。</p>
</body>
</html>

z-index

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<html>
<head>
<style type="text/css">
img.x {
position:absolute;
left:0px;
top:0px;
z-index:1
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<img class="x" src="/i/eg_mouse.jpg" /> 
<p>默认的 z-index 是 0。Z-index 1 拥有更高的优先级。</p>
</body>
</html>

z-index2