雪狼领地

     以下为引用的内容：
<div class="top_flash"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" height="250">
    <param name="movie" value="images/swf/top.swf" />
<param name="wmode" value="Opaque">
    <param name="quality" value="high" />
    <embed src="images/swf/top.swf" quality="high" wmode="Opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="980" height="250"></embed>
  </object></div>
<div class="top_bar"><p class="text">欢迎您，您是第 <em>2009</em> 位访问者
<b>2009年1月14日</b></p></div>在正确写了DIV的定位之后，加上<param name="wmode" value="Opaque"> 和 wmode="Opaque" 就可以通吃浏览器，兼容IE和FIREFOX。让DIV层浮在FLASH上面。

　　使用div+css建站的朋友一定都知道CSS兼容的问题。由其是初学者在IE环境下好不容易写出了一个像模像样的网站来，一拿到FF下就变样了。所以在这里建议新手写代码时切忌要在IE和FF两个环境下去测试。今天教大家五招方法完全可以解决浏览器兼容问题。
　　这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。
　　第一招：给常用CSS规定属性值。
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
img{border:0px;}
ul {margin:0px;padding:0px;}/
ul li {list-style:none;}
上面的建站常用代码就相是格式化CSS样式，让各浏览器按照我们设置的属性值渲染网页

这是一篇关于如何编写具有良好结构的CSS文件的帖子。我已经讲过CSS文件的代码可读性，但在讨论之后，一些更具体的要求被提出（主要是关于一些读者在管理具有大量布局元素CSS文件时的困难之处），所以我决定在这些案例中说明我自己的开发流程。
以我的经验，项目流程中如果缺乏“顺序”或一个关于项目的清晰视图是非常不利的而且你还得冒风险去添加，更改，删除class及其属性，如此在你的最终产品中得到的将只有混乱的代码和大量未使用的元素。
我建议在你直接编写CSS代码之前，先把你的网站的所有区块都在草稿里画出来。然后依照下面的简单规制优化你的工作：
             1：简洁的
             2：以“优雅的代码”为导向
             3：有条理的
简洁的
避免使用任何非必需的元素。两个<div>层就可以达到目的那就不要用六个。如果你觉得得用很复杂的CSS才能完成一个特定的设计结构，那你可能在某些地方犯了错误。请尝试用其他的方式来实现它。通常情况下事情都是很简单的，复杂的是我们自己。

如何以更好的方式组织CSS文件来改善代码的可读性并简化其的管理。一般情况下，我只采用几个简单的规则，但我认为很有用，在你不得不去管理一个有着复杂设计的页面/站点的CSS文件时，它可以避免让你抓狂。在这里，我将简单探讨如下所示的典型的两列固定宽度布局：


第一步：重定义HTML标签
我认为在CSS文件前面几行重新定义HTML标签（body, a, form, input...）是一个好规则。

/* ------------------------------- */
/* HTML Elements
/* ------------------------------- */
html {font-family:arial, verdana, sans serif; font-size:13px;}
a:link, a:visited{color:#0033CC;}
a:hover{color:#003366;}
h1, h2, h3, h4, h5, h6,
form, input, text-area{
border:0; padding:0; margin:0;
font-family:arial, verdana, sans serif;}
h1{font-size:24px; color:#000000;}
h2{font-size:18px; color:#666666;}
...