map 的 area 点击在IE下出现虚框
white-space: nowrap;
上標字
vertical-align: super;
下標字
vertical-align: sub;
強制不換行
white-space: nowrap;
最前及最後
:first-child
:last-child
CSS :after 伪元素
:after {content:url(/i/w3school_logo_white.gif)}
隱藏li連結文字
text-indent:-9999px;
文字平均齊尾
text-align:justify;
輸入框沒有外光暈
outline: none;
命令物件出現手指游標
cursor:pointer;
消除影像地圖按下後產生的連結虛線框
<img src="http://img.minwt.com/img/Content/noimg.jpg" hidefocus="true"/>
iframe透明背景
iframe.htm
<iframe src="SourcePage.htm" allowtransparency="true"></iframe>
SourcePage.htm 加在<body …..之後
style="background-color:transparent"
清除div結尾之前物件浮動
div/class name:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
list-style-type 属性
cjk-ideographic 中文一二三
decimal 數字
decimal-leading-zero 0開頭數字
disc 實心圓
circle 空心圓
square 方塊
lower-alpha 小寫英文
upper-alpha 大寫英文
隱藏所有捲軸
<body scroll="no">
隱藏橫軸
body{ overflow-x:hidden;
隱藏縱軸
body{ overflow-y:hidden;
捲軸置於左邊
<html dir="rtl">
物件外面包框（顏色/粗細/樣式）
border:#ccc 2px solid;
內容不縮放
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0" />
分享按鈕-Facebook
分享按鈕-Twitter
分享按鈕-Plurk
javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));
崁入google中文字型庫
html
<!-- Google Fonts script loader (for Droid Sans) -->
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
css
font-family:'Helvetica W01 Light', Helvetica, Arial, "微軟正黑體","Microsoft Jhenghei",sans-serif;
PHP 程式碼：(清cache)
header("Expires: Mon, 26 Jul 1990 05:00:00 GMT");
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
HTML 程式碼：(重新整理清cache)
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
時間到自動換圖語法
