Posted on 2008-05-19 15:34
leekiang 閱讀(269)
評論(0) 編輯 收藏 所屬分類:
web開發
1,設定span的width無效,原因是span的display默認為
inline?
???? 解決:先設定display屬性，可以設定成block或者inline-block即可。text-align無效時解決辦法也一樣。
2，
<title>鼠標劃過表格行變色簡潔實現,支持IE6、IE7、FF2</title>
?<style?type="text/css">
???#tb{width:666px;border-collapse:collapse;border:1px?solid?#EEE;font-size:14px;}
???#tb?th{background:#EEE;border-bottom:1px?solid?#CCC;padding:4px;}
???#tb?td{border:1px?solid?#EEE;padding:4px;}
?</style>
<script?type="text/javascript">
?var?obj=document.getElementById("tb");
?for(var?i=0;i<obj.rows.length;i++){??//by丁學?http://www.cnblogs.com/dingxue/archive/2007/08/09/848555.html
???obj.rows[i].onmouseover=function(){this.style.background="#0EF";}
???obj.rows[i].onmouseout=function(){this.style.background="";}
?}
</script>
3,CSS Sprite
?? 指把整站的所有背景圖片拼成一幅圖片,然后利用css的位移技術,達到與原來同樣的效果。
? 例如
? .icon2 {
????????????????????background:url(../images/ico.gif) no-repeat left -20px??
??????}
?http://www.youtube.com/img/master.gif
4,html中塊注釋css
條件注釋的基本結構和HTML的注釋(<!-- -->)是一樣的。因此IE以外的瀏覽器將會把它們看作是普通的注釋而完全忽略它們。只能使用在HTML文件里，而不能在CSS文件中使用。
<!--[if IE 6]>
<style type="text/css">
??? #mydiv{position:absolute;}
</style>
<![endif]-->
<!--[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]-->
見 http://hi.baidu.com/mengqing723/blog/item/c39020248f51f33ac9955947.html
5,漢字對齊的問題，尤其是4個字和5個字如何對齊
對齊的問題，有點郁悶。剛開始只能聲明text-align屬性來進行對齊。但是各行的字數又不一樣，試了下word-spacing，但是不起作用。word-spacing這個屬性對中文沒用，不過在中文之間加個空格就生效了。可能老外覺得兩詞之間沒空格就是一個詞：helloworld，你好。試驗了下letter-spacing，生效，說明瀏覽器把沒空格的中文當成字母了。
word-spacing用于修改字間距離。這里的“字”，簡單的說，可以是任何非空白字符組成的串，并由某種空白符包圍。所以象形文字是無法指定word-spacing的，除非字之間有空格。見http://www.cnblogs.com/fivewood/archive/2009/08/31/1557500.html