1、垂直居中代码
<html>
<head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body>
<div id="center"><p>test content</p></div>
</body>
</html>
2、控制两张图片之间的亮度变化
opacity:0.8;
filter: alpha(opacity=80);（a状态）
filter: alpha(opacity=100);（a:hover状态）
<A class=pl href="products.html" target=_self>（在本页面跳转）
<A class=pl href="products.html" target=_blank>（跳转到新页面）
3、div中flash透明的参数
wmode
transparent
4、包含页面
<!-- #include file = "head.html" -->
5、跑马灯
<marquee width="700" height="20" direction="left" scrollamount="2">紧盯市场抢先机，沃勒拉臂钩给力2011！</marquee>
6、火狐背景显示解决办法
min-height:xxpx; height:auto!important;overflow:hidden; 并且那个ling-heght:xxpx;这个玩意也好像能影响背景图片的显示位置！min-height是火狐自认的高度，IE不认识，important是IE7和火狐兼容的IE6不认识；overflow：hidden；这个命令还带有清楚浮动的意思不只是隐藏溢出的部分；
7、换行
（ie浏览器）#wrap{word-break:break-all;width:200px;}
<div id="wrap">ddd111111111111111111111111111111111111111111111</div>
（火狐浏览器）#wrap{word-break:break-all;width:200px;overflow:auto;}
<div id="wrap">ddd111111111111111111111111111111111111111111111</div>
8、
01.让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
〈Body Background="图片文件" bgproperties="fixed"〉
02.让你的网页无法另存为
＜noscript＞＜iframe src=*＞＜/iframe＞＜/noscript＞
03.让IFRAME框架内的文档的背景透明
＜iframe src="about:＜body style=‘background:transparent‘＞" allowtransparency＞＜/iframe＞
04.禁止右键：
＜body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()"＞
05.进入页面后立即自动刷新？
＜meta http-equiv="refresh" content="120;url=http://www.wodutom.com/cn083"＞
http://www.wodutom.com/cn083,这是你自己的网址。
06.打开窗口即最大化
＜script language="JavaScript"＞
＜!-- Begin self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End --＞
＜/script＞
07.能隐藏IFRAME的滚动条吗？我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no"
08.加入背景音乐
＜bgsound src="mid/windblue[1].mid" loop="-1"＞ 只适用于IE ＜embed src="music.mid" autostart="true" loop="true" hidden="true"＞ 对Netscape ,IE 都适用
09.嵌入网页
＜iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"＞＜/iframe＞
010.跳转
＜meta http-equiv="refresh" content="3;URL=list.htm"＞
9、多重class定义
.one{width:200px;background:#666;height:30px;}
.two{border:10px solid #F00;}
在页面代码中，我们可以这样调用
<div class=one two></div>
这样最终的显示效果是这个div既有#666的背景，也有10px的边框。
10、用CSS实现滚动条的彩色显示
<HTML>
<HEAD>
<STYLE>
BODY { color : #6A1100; text-decoration : none; scrollbar-arrow-color: #ff3300; scrollbar-base-color: #ff2200; scrollbar-dark-shadow-color: #00ff00; scrollbar-track-color: #ffcc00; scrollbar-face-color: #00cc00; scrollbar-shadow-color: #ff1100; scrollbar-highlight-color: #ff3300; scrollbar-3d-light-color: #000000; }
</STYLE>
</HEAD>
<BODY >
</BODY>
</HTML>
11、{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。
12 .IE6下为什么图片下有空隙产生
解 决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决. 
回复Comments
作者:
{commentrecontent}