前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

订阅儿

前端集合 RSS订阅
Home » 经验记录 » 网页设计经验小谈(二)

网页设计经验小谈(二)

发布者:前端集合 // 发布时间:2009-09-07 22:18:29 // 分类:经验记录 // 访问: 806 次 // 热度: 0人参与

接着上一篇文章谈

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;
}

Tags: 经验, CSS, 网页设计, 网站制作, xhtml, html

虾米人品大爆发>>  << 折腾了一下博客
Top