网页设计经验小谈(二)
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;
}