精通 CSS 滤镜(一)

2016-01-29 12:02 2 1 收藏

精通 CSS 滤镜(一),精通 CSS 滤镜(一)

【 tulaoshi.com - Html 】

 

    CSS(Cascading Style Sheets) 中文翻译为 层叠样式表单,简称样式单。它是近几年才发展起来的新技术,1998年5月12日,Cascading Style Sheets,level 2 成为了W3C 的新标准。同时,”W3C CoreStyles "和CSS2 Validation Service" 以及“CSS Test Suite" 宣布成立。它是一组样式,样式中的属性在HTML元素中依次出现,并显示在浏览器中。样式可以定义在HTML文档的标志(TAG)里,也可以在外部附加文档作为外加文档。此时,一个样式表单可以作用于多个页面---甚至整个站点,因此具有更好的易用性和扩展性。我个人认为CSS好比是HTML语言的PLUSIN(插件),插件的功能大家应该知道,就是壮大原有的功能。你可以精确的控制主页里的每一个元素,比如一个字,用CSS你可以给它控制它的前景色、背景色、背景图片、在页面的精确位置,四周加入边框等。可以说CSS的功能是无比的强大。W3C 也极力向世界推广这一先进技术。
  如下列:前景色为兰色,背景色为银色。

    前景色为兰色,背景色为银色

如果你使用frontpage 98 的话,过程很简单,具体如下:

1、先选择要控制的文字,被选择了的文字以反白显示,如下:

       1.gif (549 字节)

然后在其上击鼠标右键,单击“字体属性”后弹出如下图:

2.gif (7123 字节)

单击左下脚”样式(S)……“后出现如下图:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

3.gif (3243 字节)

单击”颜色“,选择前景色和背景色;

4.gif (4458 字节)

单击”字体“选择主字体和大小

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

5.gif (4660 字节)

然后按”确定“就搞定了。

   也许很多人对CSS的一般用途熟悉,但是可能只有少数人知道CSS里面竟然还有象PHOTOSHOP里一样的滤镜。是不是有点惊讶。^_^ 不要着急,请跟着我去揭开其中的奥秘!

 

来源:http://www.tulaoshi.com/n/20160129/1484292.html

延伸阅读
标签: Web开发
IE独有属性AlphaImageLoader用于修正7.0以下版本中显示PNG图片的半透明效果。这个滤镜的问题在于浏览器加载图片时它会终止内容的呈现并且冻结浏览器。在每一个元素(不仅仅是图片)它都会运算一次,增加了内存开支,因此它的问题是多方面的。 完全避免使用AlphaImageLoader的最好方法就是使用PNG8格式来代替,这种格式能在IE中很好地工作。...
请先看看以下演示中的图案文字。这可不是图片效果,而是用CSS滤镜中的 Chroma() 语句做成的文本文字,其中文本的内容和图案都可以自由设定。 先介绍一下这个神奇的滤镜:Chroma() 滤镜。 语法 : FILTER:Chroma( Color=#CCCCCC) ,其中“#CCCCCC”是颜色值。 作用效果 :如果滤镜中的像素有颜色与设定的颜色相同,...
标签: Web开发
    alpha滤镜 给制作网页特效提供了较大的创作空间,但由于它控制参数较多,在实际应用时,为了确定一组合适的参数值,不得不反复调整修改,在编辑窗口和预览窗口来回倒腾,甚是麻烦,本文介绍了一种简单的方法。制作一个Alpha滤镜参数测试板,在测试板上输入参数值后,点一下鼠标,立即可看到结果,完全的立等可见,使你很...
.Alpha 通道   虽然Alpha通道不能完全实现PNG功能,但它确实能使图象和文字呈现半透明 效果,甚至可以实现渐变半透明效果。 filter: Alpha(Opacity=starting opacity level, FinishOpacity=finish opacity level, Style=gradient style,startX=gradient start X position, FinishX=gradient finish X position, Fini...
标签: Web开发
CSS滤镜:颜色渐变[微软的方法]  table cellpadding="0" cellspacing="0" width="100%" height="22" border="0"   tr   td id="msviRegionIdGraphic" bgcolor="#FFFFFF"/td   td id="msviRegionGradient1" width="50%" style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endCo...

经验教程

894

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部