(三)学习CSS之opacity 属性

参考：http://www.w3school.com.cn/cssref/pr_opacity.asp

opacity 属性设置元素的不透明级别。

<!DOCTYPE html>
<html>
<head>
<style>
div
{
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */
}
</style>
</head>
<body>

<div>本元素的不透明度是 0.5。请注意，文本和背景色都受到不透明级别的影响。</div>

</body>
</html>

时间： 2024-07-29 03:36:16

(三)学习CSS之opacity 属性的相关文章

CSS的opacity属性

opacity属性的定义和用法: 检索或设置对象的不透明度. 对于尚不支持opacity属性的IE浏览器可以使用IE私有的滤镜属性来实现与opacity相同的效果. 对应的脚本特性为opacity. 语法结构: opacity:<number> 取值: <number>:使用浮点数指定对象的不透明度. 值被约束在[0.0-1.0]范围内,如果超过了这个范围,其计算结果将截取到与之最相近的值. 浏览器支持: (1).IE浏览器支持此属性. (2).火狐李蓝旗支持此属性. (3).谷歌

学习css之文本属性

css3之文本属性: 1.缩进和水平对齐:text-indent, 通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值. 这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进6 em:p {text-indent:6em;} text-indent 属性可以继承. 2.水平对齐:text-align 是一个基本的属性,它会影响一个元素中的文本行互相之间的对齐方式. 取值范围:{left:把文本排列到左边.默认值:由浏览器决定

(五)学习CSS之line-height属性

参考:http://www.jb51.net/w3school/css/pr_dim_line-height.htm line-height 属性设置行间的距离(行高). 注释:不允许使用负值. 值描述 normal 默认.设置合理的行间距. number 设置数字,此数字会与当前的字体尺寸相乘来设置行间距. length 设置固定的行间距. % 基于当前字体尺寸的百分比行间距. inherit 规定应该从父元素继承 line-height 属性的值.

(十一)学习CSS之float属性

参考:http://www.w3school.com.cn/cssref/pr_class_float.asp 定义和用法 float 属性定义元素在哪个方向浮动.以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动.浮动元素会生成一个块级框,而不论它本身是何种元素. 如果浮动非替换元素,则要指定一个明确的宽度:否则,它们会尽可能地窄. 注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止. 值描述

(十二)学习CSS之display属性

参考:http://www.w3school.com.cn/cssref/pr_class_display.asp 浏览器支持所有主流浏览器都支持 display 属性. 注释:如果规定了 !DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 "inline-table"."run-in"."table"."table-caption"."table-cell".&qu

(一)学习CSS之z-index属性

参考:http://www.w3school.com.cn/cssref/pr_pos_z-index.asp z-index 属性设置元素的堆叠顺序.拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面. 注释:元素可拥有负的 z-index 属性值. 注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

(二)学习CSS之cursor属性

参考:http://www.w3school.com.cn/tiy/t.asp?f=csse_zindex cursor 属性规定要显示的光标的类型(形状). <html> <body> 请把鼠标移动到单词上,可以看到鼠标指针发生变化: Auto <span style="cursor:cros

(六)学习CSS之color属性

参考:http://www.w3school.com.cn/cssref/pr_text_color.asp color 属性规定文本的颜色. 这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色):光栅图像不受 color 影响.这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖. 要设置一个元素的前景色,最容易的方法是使用 color 属性. 值描述 color_name 规定颜色值为颜色名称的颜色(比如 red). hex_

(八)学习CSS之line-style-type属性

参考:http://www.w3school.com.cn/cssref/pr_list-style-type.asp 设置不同的列表样式: ul.circle {list-style-type:circle;} ul.square {list-style-type:square;} ol.upper-roman {list-style-type:upper-roman;} ol.lower-alpha {list-style-type:lower-alpha;} 所有浏览器都支持 list-s