css3 一些需要记录的属性

text-overflow属性
(禁止换行)配合使用,否则无法看到效果作用:设定内容溢出状态下的文本处理方式。
取值:
clip: 默认值
当对象内文本溢出时不显示省略标记(…),而是将  溢出的部分裁切掉。
ellipsis:
当对象内文本溢出时显示省略标记(…)。
注意:该属性需要和over-flow:hidden属性(超出处理)还有white-space:nowrap
 
text-shadow属性
作用:设定文本的阴影效果
取值:
none:默认值
无阴影
<length>
①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值
<length>
②: 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
<length>
③: 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值 0:不模糊,10px:模糊程度10像素
<color>
设置对象的阴影的颜色。
<!doctype html>
<html>
<head>
<style>
p{ color:red;
font-size:40px;
text-shadow:
3px 3px 3px rgba(0,255,0,0.5),
6px 6px rgba(0,0,255,0.5),
9px 9px #f90
;
/*
水平移动方向
垂直移动方向
[模糊程度(长度)] 可以省略
[阴影颜色] 可以省略
*/
}
</style>
</head>
<body>
<p>我是一个正直的人,又正又值。</p>
</body>
</html>
以上可以设置多个阴影。
color:transparent 设定字体颜色为透明,相当于rgba(0,0,0,0) a=0
 
Opacity属性

作用:设定元素的透明度。
取值:0~1之间
注意:对于尚不支持opacity属性的IE浏览器
滤镜:filter:alpha(opacity=50) 仅限IE

发表评论