网页设计经验小谈(二)
5、在Dreamweaver里如何整理html格式,让html缩进得更美观?
 答案很简单:在dreamweaver里面,点击“命令–应用源格式”即ok。
 “命 令–应用源格式"同样也可以用来整理css的格式,当然要整理成什么样子,你可以自定义。自定义的方法(在dw cs4中):“编辑”——“首选参数”——左边“分类”中的“代码格式”——右边“代码格式”中“TD标签”后点击“css”即可对css源格式选项进行 设置。
 
 6、关于加了filter alpha position等通过不了css验证的问题:
 
 方法一:将一部分css放进js中(这部分css属性可以使filter -moz-opacity position:absolute display:none )
 
 放置方法如下:
 
 $(function(){
 $("#sitemap").css({"filter":"alpha(opacity=90)","-moz-opacity":"0","opacity":"0.9"})
 
 })
 
 $(function(){
 $("#mailLoginFloat").css({"position":"absolute","display":"none"})
 
 })
 
 $(function(){
 $("#chooseStyleFloat").css({"position":"absolute","display":"none"})
 
 })
 
 方法2 通过利用hack来是ccs不仅能完好显示外观,还能通过验证:
 
 比如有代码如下
 
 Margin-left:10px;(对火狐有用)
 *margin-left:20px;(对ie7有用)
 _margin-left:15px;(对ie6有用)
 
 那么上面的后2行代码是通不过验证的,即使是css3也不行。并且用方法一将它们放到js中只会让代码不起作用。
 
 解决办法如下:
 
 对于专门针对ie7的*,可以用如下写法:
 
 *+html #…… {
 margin-left:20px!important;
 }
 这样写就解决了上面3句中的第二句的兼容性问题。
 
 对于第一句和第三句,则可以用!important来解决,因为ie6不识!important,所以可以这样写:
 Margin-left:10px!important;
 margin-left:15px;
 
 所以最后,上面3句只要改装成以下形式就可以通过css3的验证了:
 
 Margin-left:10px!important;(针对火狐)
 margin-left:15px;(对ie6)
 *+html #/.……【这里填写id或类即可】 {
 margin-left:20px!important;
 }