【转】css的文字特效
如果灵活应用CSS各种滤镜的特点并加以组合,我们可以得到许多意想不到的效果。这是一些效果示范,供各位参考。
网页特效Abc
用blur滤镜做出的效果,代码如下:
FILTER: blur(direction=135,strength=8)
网页特效Abc
用dropshadow滤镜做出的效果,代码如下:
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positive=1)
网页特效Abc
用glow滤镜做出的效果,代码如下:
FILTER: glow(color=#B4BBCF,strength=5)
网页特效Abc
这个效果用到了两种滤镜:shadow和alpha,代码如下:
FILTER: alpha(opacity=100,finishiopacity=0,style=1)
shadow(color=#8C96B5,direction=135)
网页特效Abc
这个效果也用到两个滤镜mask和shadow,代码如下:
FILTER: mask(color=#E1E4EC)
shadow(color=#8C96B5,direction=135)chroma(color=#E1E4EC)
注意:mask的颜色要和网页背景色一致,字体的颜色由shadow决定。
网页特效Abc
用glow滤镜可以做空心字,方法是将字体颜色设置为背景色,再将glow滤镜的strenght的值设置为1或2即可。这个效果的代码如下:
FILTER: glow(color=#8C96B5,strength=2)
shadow(color=#B4BBCF,direction=135)
WELCOME TO
http://linkweb.cn/js
这个效果的代码:
FILTER: glow(strength=4)mask(color=#E1E4EC)
相关文档:
一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。
二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width: 100px width:100e ......
J2me中css解析
最近做手机浏览器项目中的CSS模块。对解析css有了个整体认识。现总结如下:
首先,简单的介绍下CSS :
CSS 指层叠样式表 (Cascading Style Sheets)
CSS 语法由三部分构成:选择器、属性和值:selector {property: value}
选择器 (selector) 通常是你希望定义的 ......
/***************************by
garcon1986********************************/
感谢CSDN的shan1119 帮我解决Javascript部分的错误。
<mce:script language="JavaScript"><!--
function toggle(id,id2,id3) {
var state = document.getElementById(id).style.display;
if (state == 'block') {
......
可以放置样式的地方:样式表,<style>和style
样式表是一个独立的文件,可以通过<link>元素或者css的@import语句把它附加到某个html文档中,<style>是一个html元素,可以把它内嵌在html文档中,style是一个属性,可以内置在任何html元素中。
要想把样式表连到html文档中,要在html文档中的<head> ......
1.css在不同浏览器下显示效果不同
firefox和IE对某些css样式的认定有不少区别,包括:
· ul和ol的默认padding值是不一样的,在Firefox中, ......