Watermeloner

Firefox 和 ie7, ie8都可接受的語法

<script type="text/javascript">
    function AddFavorite(title, url)
    {
    if (document.all)
    window.external.AddFavorite(url, title);
    else if (window.sidebar)

<script type="text/javascript">
function show(object,val) {
document.getElementById(object).style.display = val;
}
</script>

<div  onmouseover="show('CanlendarGB','block')" onMouseOut="show('CanlendarGB','none')"></div>

<div id="CanlendarGB" style="display:none"></div>

textarea ---------------
<textarea onFocus="if(this.value==this.defaultValue) this.value=''" onBlur="if(this.value=='') this.value=this.defaultValue"> 請輸入說明</textarea>
備註：<textarea></textarea>預填的文字前一定要留一個space，不然就不能起作用  << 待找人請問為什麼~

input -------------------
<input value="請輸入搜尋關鍵字" onMouseOver="this.focus()" onFocus="this.select()" onClick="if (this.value=='請輸入搜尋關鍵字') this.value=''" onblur="if (value ==''){value='請輸入搜尋關鍵字'}" type="text" />

<img width="67" height="67" style="" onmouseover="window.document.getElementById('img_370_370').src='PROD_PIC/2010312164936620.jpg';" src="PROD_PIC/2010312164936620.jpg">

搭配：

<div>
    <img style="height: 370px; width: 370px; border-width: 0px;" src="PROD_PIC/2010312165015277.jpg" id="img_370_370">
</div>

參考25togo作法

W3C 整理的顏色，超棒~
http://www.w3.org/TR/css3-color/

另一個顏色選擇器
http://rhinejo.myweb.hinet.net/home/color/color-cord.html

直接變換背景圖片

<div><a onMouseOver="this.style.background='url(images/Store/Dele/BtnPICTraceGreen.jpg)';" onMouseOut="this.style.background='none';" href="">加入追蹤</a></div>

.PICTrace { display:inline-block; float:left; margin-left:10px; background:url(../images/Store/BtnPICTrace.jpg) no-repeat;}
.PICTrace a { display:block; width:68px; height:21px; text-indent:-5000px;}

將只支援IE的樣式表寫在ie.css,
W3C測試網頁CSS時會忽略這個檔案,
你就能同時擁有標準與IE專屬樣式的雙重好處。

也可以針對IE瀏覽器版本來指定樣式,如下範例:

<!--[if IE 6]>
<h5>版本 6</h5>

此效果不能使用在 IE 上
Safari 瀏覽器 :

::selection{background: #c00; color: white;}
Firefox 瀏覽器 :

::-moz-selection{background: #c00; color: white;}
使用以上寫法不符合 w3c 規範

參考 Yahoo

@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}

有趣的做法，可用在原本共用小圖，在特定幾個區塊想要換掉的問題
需搭配固定的大小

.visibility img {visibility: hidden;}
.visibility{ background: url('img/icon_1.png') }