:::
所有書籍
「DREAMWEAVER」目錄
MarkDown
時間到自動換圖語法
色碼表
網頁時間跳轉語法
搜尋優化
網址列小圖示
時間到自動換圖語法
常用的語法
利用 css 讓 ul div 置中
ul 置中方法(用於使用 li 設計的選單)
CSS的垂直置中,左右置中
浮動式固定上選單
製作浮動式的回到網頁頂部按鈕
將footer 浮動固定在網頁下方
讓 float 的 div 高度相同
左欄固定,右欄佔滿剩餘空間
利用 css 讓 ul div 置中
DREAMWEAVER =========== 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
javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));
分享按鈕-Twitter
javascript: void(window.open('http://twitter.com/home/?status=' .concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));
分享按鈕-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">
:::
主選單
首頁
本站消息
教學圖片
教學文章
會員登入
帳號
密碼
記住我
登入