<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<LINK href="../css/skin1.css" mce_href="css/skin1.css" rel="stylesheet" type="text/css">
<mce:script language="JavaScript" type="text/javascript"><!--
function changeSkin(n){
if(n==1)
document.styleSheets(0).href = "../css/skin1.css";
if(n==2)
document.styleSheets(0).href = "../css/skin2.css";
if(n==3)
document.styleSheets(0).href = "../css/skin3.css";
}
// --></mce:script>
</head>
<body>
<div>
[<A onclick="changeSkin(1)" style="cursor:hand" mce_style="cursor:hand">天蓝白云</A>]
[<A onclick="changeSkin(2)" style="cursor:hand" mce_style="cursor:hand">粉红回忆</A>]
[<A onclick="changeSkin(3)" style="cursor:hand" mce_style="cursor:hand">星光照耀</A>]
</div>
</body>
</html>
在前端开发中，我们经常遇到这样的情况：服务器传到前端的图片需要缩小以显示（如下），在将其缩放之后，IE中图片效果不容乐观。
<img class="thumb" src=http://www.webyi.com/wschool/wdesign/CSS/20090905/"pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7支持自定义双三次&ldq ......
Block element 块级元素
顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的<div>、<p>、<ul>默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外� ......
