1.css在不同浏览器下显示效果不同
firefox和IE对某些css样式的认定有不少区别，包括：
· ul和ol的默认padding值是不一样的，在Firefox中，padding-left默认值为40px左右，而IE中为0，一般设置ul{margin:0;padding:0;}就能解决大部分问题
· 对字体大小small的定义不同，Firefox中为13px，而IE中为16px，差别挺大，也只能设置为14px了事；(暂时没有发现)
· 并列排列的多个元素（图片或者链接）的代码中的空格和回车会造成元素之间的间隙，而在firefox中和在IE中显示是不一样的，IE显示空格（约8px）、firefox显示空格（约4px）
......
如果灵活应用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://linkw ......
虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。
一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体"; /*www.52css.com*/
font-size:9pt; color: #003399;
border: 1px #003399 solid;
color:#006699;
border-bottom: #93bee2 1px solid;
border-left: #93bee2 1px solid;
border-right: #93bee2 1px solid;
border-top: #93bee2 1px solid;
background-image:url(../images/bluebuttonbg.gif);
background-color: #e8f4ff;
cursor: hand;
font-style: ......
继续把上面的资料记录一下，像素画是对每一个像素进行操作进行重组，而这些操作可以看到位图像素操作是可以变化出很多令人意想不到的效果。今天，把在网站看到的一些文章记录一下，关于黑白画像素操作。原理很简单，从一张图片可以看到是由一个个像素组成，可以看成是一个个细小的微粒。这些微粒包含了一些值，颜色值，这些值呈现出不同的颜色，as3可以对每一个像素进行索引，通过这个索引我们就可以对画面的某一些像素进行“动手脚”，在某一些值范围内设置白色，某一些值范围内设置黑色。
黑色：0x000000；
白色：0xffffff；
这样就能够实现到黑白画的效果。
演示的效果。
package
{
import flash.display.Sprite;
import flash.display.Loader;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.events.*;
import flash.net.*;
import flash.geom.Rectangle;
public class Main extends Sprite
{
private var loader:Loader;
private var url:String="3.jpg";
public function Main()
{
init();
}
//初始化
private function init():void
{
loader=new Loader();/ ......
当wmode属性设置不是window的时候，在Firefox下我们就会发现Flash里的文本输入框无法输入中文，这个问题暂无解决方案。顺带记录wmode各个参数的详细含义。
wmode属性详细说明
Window模式
默认情况下的显示模式，在这种模式下flash
player有自己的窗口句柄，这就意味着flash影片是存在于Windows中的一个显示实例，并且是在浏览器核心显示窗口之上的，所以flash只
是貌似显示在浏览器中，但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染表面，这就导致默认显示方式下flash总是会遮
住位置与他重合的所有DHTML层。
但是大多数苹果电脑浏览器会允许DHTML层显示在flash之上，但当flash影片播放时会出现比较诡异的现象，比如DHTML层像被 flash刮掉一块一样显示异常。
Opaque模式
这是一种无窗口模式，在这种情况下flash player没有自己的窗口句柄，这就需要浏览器需要告诉flash
player在浏览器的渲染表面绘制的时间和位置。这时flash影片就不会在高于浏览器HTML渲染表面而是与其他元素一样在同一个页面上,因此你就可
以使用z-index值来控制DHTML元素是遮盖flash或者被遮盖。
Transparent模式
透明模式，在这种模式下flash
player会将stage的� ......
美工讲究的是感性思维，要求制做者有发散的思维，对世界有极深的洞察力，有着天马行空的想象，而学习编程就得有严密的逻辑思维能力，程序代码必需条理清哳、一个人基本上不可能同时在这两种思维方式上达到很高的造诣。
http://www.flashkit.com和http://www.were-here.com 这里集合了世界上大量的源代码，你只需下载下来仔细分析与研究，必然会有所收获。 ......
最新文章 :