CSS滤镜笔记 包含Light滤镜方法的使用
Alpha
1. 语法: {filter: alpha(opacity=opacity, finishopacity=finishopacity, style=style, startx=startx, starty=starty, finishx=finishx, finishy=finishy)}
2. 意义: 把一个目标元素与背景混合, 设置者可以指定数值来控制混合的程度
3. 属性
3.1. opacity: 透明度水平, 0为完全透明, 100为完全不透明
3.2. finishopacity: 渐变的透明效果, 用来控制结束时的透明度.
3.3. style指定了透明区域的形状特征, 其中0代表统一形状, 1代表线型, 2代表放射状, 3代表长方形
3.4. startx和starty: 代表渐变透明效果的开始x和y坐标
3.5. finishx和finishy: 代表渐变透明效果的结束x和y坐标
Blur
1. 语法:
1.1. HTML: {filter: blur(add=add, direction=direction, strength=strength)}
1.2. 脚本: [oblurfilter=]obj.filters.blur
2. 意义: 用手指在一副尚未干透的油画上划过产生的模糊效果
3. 属性
3.1. add: 布尔值, 默认true, 指定图片是否被改变成印象派的模糊效果. 模糊效果按顺时针方向进行.
3.2. direction: 设置模糊的方向, 0度代表垂直向上, 然后没45度为一个单位, 默认值是向左270度
3.3. strength: 整数, 代表有多少像素的宽度将受到模糊影响, 默认是5.
3.4. 对于网页上的文字, 如果设置模糊add=1, 字体会有一个阴影效果.
FlipH, FlipV
1. 语法: {filter: fliph}, {filter: filipv}
2. 意义: 水平反转和垂直反转
Chroma
1. 语法: {filter: chroma(color=color)}
2. 意义: 设置一个对象中指定的颜色为透明色
3. 属性
3.1. color: 要透明的颜色
DropShadow
1. 语法: {filter: dropshadow(color=color, offx=offx, offy=offy, positive=positive);}
2. 意义: 添加对象的阴影效果.
3. 工作原理: 建立一个偏移量, 加上较深.
4. 属性:
4.1. color: 投影的颜色
4.2. offx和offy: x方向和y方向阴影的偏移量
4.3. positive: 布尔值, true代表为任何非透明像素建立可见投影, false代表为透明像素部分建立透明效果
Glow
1. 语法: {filter: glow(color=color, strength=strength);}
2. 意义: 边缘发光效果
3. 属性
3.1. color: 发光颜色
3.2. strength: 发光强度, 1-255
Gray
1. 语法: {filter: gray};
2. 意义: 将图片变成灰度图
Invert
1. 语法: {filter: invert}
2. 意义: 将对象的可视化属性全部反转, 包括色彩, 饱和度, 亮度
Xray
1. 语法: {filter: xray}
2. 意义: 让对象反映出它的轮廓�
相关文档：
垂直居中对表格来说是小菜一碟，只需指定单元格为vertical-align: middle即可，
但这在css布局中不管用。假设你将一个导航菜单的高度设为2em，
然后在css中指定垂直对齐的规则，文字还是会被排到盒的顶部，根本没有什么区别。
要解决这一问题，只需将盒的行高设为与盒的高度相同即可，
以这个例子来说，盒高2em,那么只� ......
CSS 概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
样式解决了一个普遍的问题
HTML 标签原本� ......
平 时拿CSS布局都是一些内容比较多的网站,前两天用CSS+DIV弄了个内容少的页面,发现了一个小问题,可能大家都会遇到,那就是网站FOOTER的定 位,如果内容比较少的话,页面的FOOTER就会随着内容的减少跑到上面去,不是乖乖的在下面呆着,害得我研究了半天找高人终于给搞定了,也算一个小小的 技巧给大家分享
首先我们要在外层设定一 ......
用CSS让元素居中显示并不是件很简单的事情。同样的CSS居中设置在不同浏览器中的表现也各有千秋。本文就介绍了在CSS中常见的几种让元素水平居中显示的方法。
1.使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实际使用 ......
CSS命名规范
一．文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
二．常用类/ID命名规范
页 眉：header
内 容：content
容 器：container
页 脚：footer
版 权：copyright
导 航：menu
主导航：mainMenu
子导航：su ......
