把心晾乾了，管它陰雨天

XOOPS 2.3 後版本安裝準備

t385 — Sat, 30 Jan 2010 17:52:36 +0800

安裝準備

    * 正確設定WWW伺服器，PHP和資料庫伺服器。
    * 建立一個用於安裝XOOPS的資料庫。
    * 配置用於登錄資料庫的帳號及密碼。
    * 設定 uploads/、cache/ 及 templates_c/ 目錄及 mainfile.php 屬性為可寫。
    * 如果要安裝GIJOE開發的protector模組，請把/extras/mainfile.dist.php.protector文件改名為mainfile.dist.php並拷貝替代htdocs/mainfile.dist.php
    * 處於安全考慮建議把xoops_lib（公共類庫）和xoops_data（XOOPS資料）放到document root路徑之外，並且修改目錄名。
    * 設定xoops_data/目錄可寫；生成並設定如下目錄可寫：xoops_data/configs/、xoops_data/caches/、xoops_data/caches/xoops_cache/、xoops_data/caches/smarty_cache/以及xoops_data/caches/smarty_compile/。
    * 啟用瀏覽器 cookie 及 JavaScript 功能。

980918為孩子打造安全的網路環境

t385 — Mon, 21 Sep 2009 08:38:10 +0800

980918為孩子打造安全的網路環境.ppt

[新聞]電玩駭客複製「金幣」坑錢

t385 — Sun, 21 Jun 2009 09:58:00 +0800

【聯合報╱記者袁志豪、陳立儀／台北報導】

2009.06.21 03:12 am

網路玩家顧力榮鎖定熱門的網路遊戲，利用人頭至少申請卅多個帳號，以外掛程式破解遊戲主機、複製數十億元金幣，轉賣其他玩家換取現金，兩天內就得手一百多萬元。

台北市刑大經過半年追查，在雲林逮捕顧力榮（卅五歲），昨天依偽造文書、妨害電腦使用罪送辦。警方懷疑還有許多遊戲公司都受害，只是尚未發現被竄改主機紀錄，將擴大追查。

去年十二月中旬，新幹線網路遊戲公司發現旗下熱門遊戲「十二之天貳」，在九日、十日有大批玩家申請帳號，以外掛程式入侵遊戲公司的主機伺服器，不斷複製寶物或製造打敗對手的紀錄，短短幾分鐘便贏得上億元遊戲金幣。

新幹線公司查覺有異，立即出動工程師進行網路搜查，並且將金幣收入異常爆增的帳號停權，但封鎖後，發現這些帳號已偷天換日將金幣全數移置他處。新幹線公司對玩家高明的作弊手法，束手無策，向警方提告。

警方循ＩＰ位址查出這些人頭帳號的身分，過濾所有申請資料及手機號碼，相互比對，但警方發現他們身邊都有相同的親友，就是顧力榮。

據了解，顧力榮是高職畢業，曾經從事網路工作。台北市刑大前天上門拘捕，顧力榮供稱是受僱於大陸友人的工作室，人頭資料都是友人提供，他不知道複製遊戲金幣的行為違法。

警方查出，顧力榮複製數十億元遊戲金幣後，用人頭在8591虛擬寶物交易網站申請帳號，以現金一元兌換遊戲金幣卅五萬元，和其他網路玩家交易。

遊戲公司指出，虛擬寶物價值不一，有些稀有款有錢也買不到，遊戲公司損失價值可能是原本上千倍。

遊戲業者表示，每款虛擬遊戲中的寶物價值從一、兩元的大力丸，數百元的服裝到上千元的鑲寶石武器都有，但不肖人士只要有辦法取得人頭帳號和外掛程式，不用花錢就能擁有。

【2009/06/21 聯合報】@ http://udn.com/

教育的未來(Did you know)

t385 — Wed, 11 Feb 2009 12:29:13 +0800

同學們~要小心呀

t385 — Fri, 09 Jan 2009 15:21:34 +0800

新聞引用如下:http://udn.com/NEWS/SOCIETY/SOC6/4678454.shtml

日文教材PO上網 6學生送辦
【聯合報╱記者張榮仁／台北報導】

2009.01.09 03:07 am

6名大學生涉嫌將一家出版公司出版的日文教材上傳網路任人瀏覽下載，刑事警察局昨天將陳姓學生等人依違反著作權法送辦。

刑事局偵九隊表示，一家語文教學出版公司去年底向台北地檢署提告，指稱出版的日文書「大家的日本語」遭人上傳網路任人瀏覽下載，著作權遭侵害。檢警追查發現該日文教材被上傳最早一筆是在前年，先後查出陳姓等4男2女涉案。

警方調查，陳姓等6人上傳日文教材到網路時，都是大學生的身分，分別就讀北中南等地大學，其中3人已畢業，另有3人仍在學，其中一人是博士班研究生。

警方調查發現6名涉案人對著作權觀念薄弱，例如北部一所國立大學的女學生，擔任班級的日文小老師，教授將購得的日文教材交她保管，她為方便同學在家研習，把教材上傳部落格讓同學下載，教材來源合法，但上網供不特定人瀏覽下載卻已觸法。

另名女大學生到案聲稱因為學校要期末考，眾多同學知道她有購買這份教材，紛紛向她借閱，她把教材上傳網路，讓同學下載，但她不知這麼做違法；這名女學生擔心留下刑案前科紀錄，心情悶到疑患憂鬱症。

還有一名男同學因加入論壇網站，他為提升會員等級，上網搜尋並刊登這套日文教材，以爭取網友回應。警方說，上傳日文教材違反著作權案，顯示大學生貪小便宜、貪圖方便的心態，並對著作權觀念薄弱而觸法。

----

ps.上課時老師有交代網路如虎口小心您的作為......

XMind, 比 Freemind 更好的心智圖軟體

t385 — Fri, 26 Dec 2008 13:33:08 +0800

引用:http://edumeme.blogspot.com/2008/11/xmind-freemind.html

剛剛在 Jedi 的網站上看到心智圖軟體 XMind 開放原始碼的消息，下載來使用後，發現 XMind 的功能比 Freemind 多的多，值得試用看看。

先從這裡下載 XMind，並安裝它...

ps.用過後,xmind的自由度比freemind多,一樣也是自由軟體.... freemind要小心啦...

於 Ubuntu Linux 安裝 XMind (心智圖軟體)

t385 — Fri, 26 Dec 2008 13:30:32 +0800

引用:http://plog.longwin.com.tw/news-application/2008/12/03/ubuntu-linux-install-xmind-2008

於 Ubuntu Linux 安裝 XMind

於 Ubuntu Linux 安裝 XMind 的步驟如下:

註冊並登入後, 下載: XMind 3 Portable - ZIP * (Windows + Mac + Linux) 此版本
$ unzip xmind-portable-200811102307.zip # 解壓縮
$ chmod +x XMind\ for\ Linux/xmind # 因為它預設並沒有設定讓 xmind 能執行, 所以要手動設定
$ mkdir /usr/local/XMind # 搬到 /usr/local/XMind 去
$ mv XMind\ for\ Linux /usr/local/XMind/linux
$ mv Commons /usr/local/XMind # 它需要 Commons 裡面的相關檔案
$ sudo ln -s /usr/local/XMind/linux/xmind /usr/bin/xmind # 將 xmind 指到 /usr/bin, 方便 command line 直接呼叫使用
$ xmind # 就可以直接執行使用

ps.新版已有中文哦....

PHP date函數參數詳解

t385 — Fri, 24 Oct 2008 14:07:02 +0800

範例:

$t=time();

echo date("Y-m-d H:i:s",$t);

第一個參數的格式分別表示:

a - "am" 或是 "pm"

A - "AM" 或是 "PM"

d - 幾日，二位數字，若不足二位則前面補零; 如: "01" 至 "31"

D - 星期幾，三個英文字母; 如: "Fri"

F - 月份，英文全名; 如: "January"

h - 12 小時制的小時; 如: "01" 至 "12"

H - 24 小時制的小時; 如: "00" 至 "23"

g - 12 小時制的小時，不足二位不補零; 如: "1" 至 12"

G - 24 小時制的小時，不足二位不補零; 如: "0" 至 "23"

i - 分鐘; 如: "00" 至 "59"

j - 幾日，二位數字，若不足二位不補零; 如: "1" 至 "31"

l - 星期幾，英文全名; 如: "Friday"

m - 月份，二位數字，若不足二位則在前面補零; 如: "01" 至 "12"

n - 月份，二位數字，若不足二位則不補零; 如: "1" 至 "12"

M - 月份，三個英文字母; 如: "Jan"

s - 秒; 如: "00" 至 "59"

S - 字尾加英文序數，二個英文字母; 如: "th"，"nd"

t - 指定月份的天數; 如: "28" 至 "31"

U - 總秒數

w - 數字型的星期幾，如: "0" (星期日) 至 "6" (星期六)

Y - 年，四位數字; 如: "1999"

y - 年，二位數字; 如: "99"

z - 一年中的第幾天; 如: "0" 至 "365"

其他不在上列的字元則直接列出該字元

strtotime("+1 week")

$tomorrow = mktime (0,0,0,date("m") ,date("d")+1,date("Y"));

$lastmonth = mktime (0,0,0,date("m")-1,date("d"), date("Y"));

$nextyear = mktime (0,0,0,date("m"), date("d"), date("Y")+1);

echo date( "Y-m-d H:i:s", mktime (0,0,0,date("m") ,date("d")-7,date("Y")) );

echo date( "Y-m-d H:i:s", mktime (0,0,0,date("m") ,date("d"), date("Y")) );

XOOPS Smarty變數

t385 — Fri, 24 Oct 2008 13:43:18 +0800

Smarty變數

下方是官方的XOOPS Smarty變數，請在此核對並更新，當XOOPS 2更改變數時更改或增加之。

Theme變數

<{$xoops_meta_keywords}>
從Meta/Footer設定中插入關鍵字列表
(meta 標籤信息)

<{$xoops_meta_description}>
插入站點的描述到meta 標籤

<{$meta_copyright}>
插入copyright文本到 meta 標籤

<{$meta_robots}>
插入W3C robot資訊到meta標籤

<{$meta_rating}>
插入等級資訊到meta 標籤

<{$xoops_sitename}>
插入站點名字

<{$xoops_pagetitle}>
插入頁面的title

<{$xoops_themecss}>
插入 style.css

(注：上述變數的任何組合均用於插入您喜好的資訊到meta標籤)

<{$xoops_url}>
插入站點的URL

<{$xoops_js}>
插入XOOPS javascript 代碼

<{$xoops_banner}>
顯示 banners條

<{foreach item=block from=$xoops_lblocks}>
<{$block}>
<{/foreach}>
顯示左邊區塊（block）的代碼段

<{if $xoops_showcblock == 1}>
用於顯示中間區塊的系統測試

<{foreach item=block from=$xoops_ccblocks}>
<{$block}>
<{/foreach}>
顯示中間區塊的代碼段

<{foreach item=block from=$xoops_clblocks}>
<{$block}>
<{/foreach}>
顯示中間區塊-左的代碼段

<{foreach item=block from=$xoops_crblocks}>
<{$block}>
<{/foreach}>
顯示中間區塊-右的代碼段Code snippet to show the center-right blocks

<{$xoops_contents}>
顯示新聞和其他內容

<{if $xoops_showcblock == 1}>
顯示中間區塊的測試

<{if $xoops_showrblock == 1}>
顯示右邊區塊的測試

<{foreach item=block from=$xoops_rblocks}>
<{$block}>
<{/foreach}>
顯示右邊區塊的代碼段

<{$xoops_footer}>
顯示頁腳（footer）

<{$xoops_isadmin}>
如果訪問者是管理員，則為True

<{$xoops_isuser}>
如果訪問者是註冊用戶，則為True

<{$xoops_userid}>
成員的用戶 ID

<{$xoops_uname}>
成員的用戶名

<{$xoops_langcode}>
語言選項

<{$xoops_charset}>
編碼選項

CSS 全攻略

t385 — Fri, 24 Oct 2008 13:28:02 +0800

內容滿豐富的，相信看過之後對於如何設定CSS有很大的幫助。

CSS 全攻略

CSS的出現其實是一次革命，它試圖將網站的內容與表現分開。

一、CSS的四種實現方式：
1.內嵌式：

2.外鏈式：

3.導入式

3.屬性式：
二.CSS的定義：
選擇對象{屬性1:值1;屬性2:值2;屬性3:值3;屬性n:值n……}
如：
td{font-size:12px;color:#FFFF00}
.myname{font-size:12px;color:#FFFF00}
a:hover{font-size:12px;color:#FFFF00;text-decoration: underline;}
三.四種選擇對象
1.HTML selector (TagName)
2.class selector (.NAME)
3.ID selector (#IDname)
4.特殊對象 (a:hover　a:link　a:visited　a:active)
1.HTML selector
HTML selector就是HTML的置標符，如：DIV、TD、H1。HTML selector的作用範圍是應用了該樣式的所有頁面中的所有該置標符。
例：
td
{
color: #FF0000;
}
-->
注意：在中沒有應用什麼，其中文字自動變紅色。
2.class selector
定義class selector需要往其名稱其加一個點“.”。如“.classname”。class selector的作用範圍是所有包含“class="classname"”的置標符。
例：
.fontRed
{
color: #FF0000;
}
-->
注意：在第二個中沒有“class="fontRed"”，所以文字沒有變紅色。
3.ID selector
定義ID selector需要往其名稱其加一個點“#”。如“#IDname”。ID selector的作用範圍是所有包含“ID="classname"”的置標符。
例：

#fontRed
{
color: #FF0000;
}
-->
注意：在第二個中沒有“ID="fontRed"”，所以文字沒有變紅色。
4.特殊對象
特殊對象包括四種，是針對連結對象設置的:
a:hover 滑鼠移上時的超連結
a:link 常規，非訪問超連結
a:visited 訪問過的超連結
a:active 滑鼠點擊時的超連結
特殊對象的作用範圍是所有置標符（這句話有待商榷，因為下面很快就有一種方法可以把“所有”兩個字推翻）。
例：
a:hover
{
color: #0000FF;
text-decoration: underline;
}
-->
注意下面，很有用！！！
a.classname:hover
a#IDname:hover
這兩種寫法，是分別配合.classname與#IDname使用的。它的作用範圍變成了所有包含“class="classname"”或“ID= "IDname"”的置標符。這種寫法，可以幫助你在同一頁面中實現多種a:hover效果，可以看一下藝網的主頁上導航欄文字與普通文章標題在滑鼠時的區別。
四.應用：
1.置標符　自動應用
2.特制類　class="NAME"
3.ID ID="IDname"
4.特殊對象　自動應用
五.CSS屬性
CSS的屬性有很多，像上文中用到最多的color，表示文字的顏色。background-color表示背景色。這個是最主要的，但是因為沒有什麼難度，參考一下相關手冊就可以了。

注明兩點
第一點：css的方式現在一般都採用外部連接，這個用起來方便，編譯起來也方便
第二點：我用的是frontpage2003，很多css的參數都會自動提示，似乎好像以前我沒有用到過~~dw有的

--------------------------------------------------------------------------------

CSS 標簽屬性/屬性參考
這里列出了目前支持的樣式表(CSS)標簽屬性。標有星號(*)的標簽屬性可於 Microsoft® Internet Explorer 5 中使用。標有兩個星號(**)的標簽屬性可於 Internet Explorer 5.5 中使用。帶有兩個加號(++)的標簽屬性可於 Internet Explorer 6 中使用。如果某個標簽屬性或屬性已經提交給萬維網協會(W3C)但尚未作為標準發布，則標有“已提交”。若某個標簽屬性或屬性既未提交給 W3C 也不是標準，將標有“擴展”。

CSS 標簽屬性/屬性

行為屬性 behavior

字體和文本屬性 direction*

direction
font
font-family
font-size
font-style
font-variant
font-weight
ime-mode
layout-grid
layout-grid-char
layout-grid-line
layout-grid-mode
layout-grid-type
letter-spacing
line-break
line-height
min-height ++
ruby-align
ruby-overhang
ruby-position
text-align
text-autospace
text-decoration
text-indent
text-justify
text-kashida-space
text-overflow ++
text-transform
text-underline-position
unicode-bidi
vertical-align
white-space**
word-break
word-spacing ++(於 Macintosh 版本 4.0 中可用)
word-wrap
writing-mode

顏色和背景屬性 background-attachment
background-color
background-image
background-position
background-position-x
background-position-y
background-repeat
color

版面屬性 border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse*
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
clear
float
layout-flow
margin
margin-bottom
margin-left
margin-right
margin-top
padding
padding-bottom
padding-left
padding-right
padding-top
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
table-layout*
zoom

分類屬性 display

list-style
list-style-image
list-style-position
list-style-type

定位屬性 bottom*

clip
height
left
overflow
overflow-x
overflow-y
position
right*
top
visibility
width
z-index

打印屬性 page**

pageBreakAfter
pageBreakBefore

濾鏡屬性 filter

偽類和其它屬性 :active

@charset
cursor
:first-letter**
:first-line**
@font-face
:hover
@import
!important
:link
@media*
@page**
:visited

--------------------------------------------------------------------------------
實現CSS圖片邊框效果的方法

圖片邊框效果主要有兩種，較簡單的方法是直接在CSS文件中對img定義邊界（border），例如我在CSS中定義了：
img.framed {
padding: 6px;
border: 1px solid #CCC;
background-color: #FFF; }
那麼在HTML文件中，或者在blog更新的時候，針對嵌入的圖片定義class="framed"就會有相應的邊框效果。
上面的方法的優點是比較簡單，但實現的效果比較單調，並不一定能達到令人滿意的效果和一些特殊效果，例如陰影，色彩變化等等。下面介紹第二種方法，比第一種稍微復雜一些。很多Blogger喜歡在每篇文章中附帶一副固定大小的圖片，圖文並茂的網頁看起來更加生動。這個時候我們可以為圖片設計更加個性化的邊框效果，讓網頁的視覺效果更加豐富，不過這種方法需要對圖片大小進行限制。
實例：CSS圖片邊框效果 - CSS Image Frame
首先需要制作一個邊框效果的背景圖片，然后在CSS中對背景邊框定義圖片替代（Image replacement)和定位和平移。我制作了一個例子，有興趣的朋友可以下載源文件並在自己的網頁中進行實驗。特別指出，這個效果中圖片尺寸是：163px X 105px

很多朋友會奇怪為什麼需要3個框，上圖演示了邊框效果圖在CSS定義中的處理過程，可以看到，在邊框效果背景文件中的3個框，分別為預設，滑鼠划過，以及點擊后定義了不同的效果。然后通過CSS中的定位平移進行控制。在CSS網頁設計中，圖片替代以及定位平移是經常使用的技巧，這種方法不但解決了對於不同瀏覽器之間的適用性，也避免了負載圖片過大而影響瀏覽速度的問題。更重要的是方便易用，我們不需要使用Photoshop對所有圖片進行邊框加工而能快速實現邊框效果。詳細的方法可以看範例，也歡迎大家提供更多的意見。

--------------------------------------------------------------------------------
有關表格邊框的css語法整理

我們知道Dreamweaver在表格制作方面做得非常出色，但是在某些時候還是必須結合css才能達到一些特定效果，下面我們先把有關表格邊框的css語法整理出來，然后另外介紹怎樣用css美化表格的邊框。

　　有關表格邊框的css語法

　　具體內容包括：上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標簽等。

　　 1.上邊框寬度

　　語法: border-top-width: <值>

　　允許值: thin | medium | thick | <長度>

　　初始值: medium

　　適用於: 所有對象

　　向下兼容: 否

　　上邊框寬度屬性用於指定一個元素上邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用於實現成比例的寬度。不允許使用負值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。

　　2.右邊框寬度

　　語法: border-right-width: <值>

　　允許值: thin | medium | thick | <長度>

　　初始值: medium

　　適用於: 所有對象

　　向下兼容: 否

　　右邊框寬度屬性用於指定元素的右邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用於實現成比例的寬度。不允許使用負值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。

　　 3.下邊框寬度

　　語法: border-bottom-width: <值>

　　允許值: thin | medium | thick | <長度>

　　初始值: medium

　　適用於: 所有對象

　　向下兼容: 否

　　下邊框寬度屬性用於指定元素的下邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用於實現成比例的寬度。不允許使用負值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。

　　 4.左邊框寬度

　　語法: border-left-width: <值>

　　允許值: thin | medium | thick | <長度>

　　初始值: medium

　　適用於: 所有對象

　　向下兼容: 否

　　左邊框寬度屬性用於指定元素的左邊框的寬度。值可以是三個關鍵字其中的一個，都不受字體大小或長度的影響，可以用於實現成比例的寬度。不允許使用負值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。

　　5.邊框寬度

　　語法: border-width: <值>

　　允許值: [ thin | medium | thick | <長度> ]{1,4}

　　初始值: 未定義

　　適用於: 所有對象

　　向下兼容: 否

　邊框寬度屬性用一到四個值來設置元素的邊界，值是一個關鍵字或長度。不允許使用負值長度。如果四個值都給出了，它們分別應用於上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。這個屬性是上邊框寬度、右邊框寬度、下邊框寬度和左邊框寬度屬性的略寫。也可以使用略寫的邊框屬性。

　　6.邊框顏色

　　語法: border-color: <值>

　　允許值: <顏色>{1,4}

　　初始值: 顏色屬性的值

　　適用於: 所有對象

　　向下兼容: 否

　　邊框顏色屬性設置一個元素的邊框顏色。可以使用一到四個關鍵字。如果四個值都給出了，它們分別應用於上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。也可以使用略寫的邊框屬性。

　　7.邊框樣式

　　語法: border-style: <值>

　　允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}

　　初始值: none

　　適用於: 所有對象

　　向下兼容: 否

　邊框樣式屬性用於設置一個元素邊框的樣式。這個屬性必須用於指定可見的邊框。可以使用一到四個關鍵字。如果四個值都給出了，它們分別應用於上、右、下和左邊框的式樣。如果給出一個值，它將被運用到各邊上。如果兩個或三個值給出了，省略了的值與對邊相等。也可以使用略寫的邊框屬性。

　　none：無樣式；
　　dotted：點線；
　　dashed：虛線；
　　solid：實線；
　　double：雙線；
　　groove：槽線；
　　ridge：脊線；
　　inset：內凹；
　　outset：外凸。
8.上邊框

　　語法: border-top: <值>

　　允許值: <上邊框寬度> || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用於: 所有對象

　　向下兼容: 否

　　上邊框屬性是一個用於設置一個元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

　　9.右邊框

　　語法: border-right: <值>

　　允許值: <右邊框寬度> || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用於: 所有對象

　　向下兼容: 否

　　右邊框屬性是一個用於設置一個元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。　　

　　10.下邊框

　　語法: border-bottom: <值>

　　允許值: <下邊框寬度> || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用於: 所有對象

　　向下兼容: 否

　　下邊框屬性是一個用於設置一個元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

　　11.左邊框

　　語法: border-left: <值>

　　允許值: <左邊框寬度> || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用於: 所有對象

　　向下兼容: 否

　　左邊框屬性是一個用於設置一個元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框屬性。

　　 12.邊框

　　語法: border: <值>

　　允許值: <邊框寬度> || <邊框式樣> || <顏色>

　　初始值: 未定義

　　適用於: 所有對象

　　向下兼容: 否

　　邊框屬性是一個用於設置一個元素邊框的寬度、式樣和顏色的略寫。

　　邊框聲明的例子包括：

　　H2 { border: groove 3em }
　　A:link { border: solid blue }
　　A:visited { border: thin dotted #800080 }
　　A:active { border: thick double red }

　　邊框屬性只能設置四種邊框；只能給出一組邊框的寬度和式樣。為了給出一個元素的四種邊框的不同的值，網頁制作者必須用一個或更多的屬性，如：上邊框、右邊框、下邊框、左邊框、邊框顏色、邊框寬度、邊框式樣、上邊框寬度、右邊框寬度、下邊框寬度或左邊框寬度。

　　13.寬度

　　語法: width: <值>

　　允許值: <長度> | <百分比> | auto

　　初始值: auto

　　適用於: 塊級和替換元素

　　向下兼容: 否

　　寬度屬性的初始值為“auto”，即為該元素的原有寬度(有就是元素自己的寬度)。百分比參考上級元素的寬度。不允許使用負的長度值。

　　14.高度

　　語法: height: <值>

　　允許值: <長度> | auto

　　初始值: auto

　　適用於: 塊級和替換元素

　　向下兼容: 否

　　高度屬性的初始值為“auto”，即為該元素的原有高度(有就是元素自己的高度，)。百分比參考上級元素的寬度。不允許使用負的長度值。

　　15.有關標簽

　　table：表格標簽，對整個表格樣式的定義要放在table中；
　　td：單元格標簽，對單元格樣式的定義要放在td中。
--------------------------------------------------------------------------------
css濾鏡

隨著網頁設計技術的發展，人們已經不滿足於原有的一些HTML標記，而是希望能夠為頁面添加一些多媒體屬性，例如濾鏡的和漸變的效果。CSS技術的飛快發展使這些需求成為了現實。從現在開始我要為大家介紹一個新的CSS擴展部分：CSS濾鏡屬性（Filter Properties)。使用這種技術可以把可視化的濾鏡和轉換效果添加到一個標準的HTML元素上，例如圖片、文本容器、以及其他一些對象。對於濾鏡和漸變效果，前者是基礎，因為后者就是濾鏡效果的不斷變化和演示更替。當濾鏡和漸變效果結合到一個基本的SCRIPT小程序中后，網頁設計者就可以擁有一個建立動態交互文檔的強大工具。也就是CSS FILTER+ SCRIPT，這就說明想要建立動態的文檔還要一些SCRIPT （腳本語言）的基礎。
可視化濾鏡屬性只能用在HTML控件元素上。所謂的HTML空間元素就是它們在頁面上定義了一個矩形空間，瀏覽器的視窗可以顯示這些空間。下面列出了HTML合法的控件和它們的說明。

註解：可惜只有IE4.0以上支持，如果是別的瀏覽器，那就.......

元素說明
BODY 網頁文檔的主體元素，所有的可見範圍都在<BODY>元素內
BUTTON 表單域的按鈕，可以有“送出(submit)”、“重置(reset)”等形式
DIV 定義了網頁上的一個區域，這個區域的高度、寬度或者絕對位置都是以知的
IMG 圖片元素，通過指定“src"屬性來指定圖片的來源
INPUT 輸入表單域
MARQUEE 移動字幕效果
SPAN 定義了網頁上的一個區域，這個區域的高度、寬度或者絕對位置都是以知的
TABLE 表格
TD 表格資料單元格
TEXTAREA 文本區域
TFOOT 多行輸入文本框
TH 表格標題單元格
THEAD 表格標題
TR 表格行

　

IE4.0以上支持的濾鏡屬性表

濾鏡效果描述
Alpha 設置透明度
Blru 建立模糊效果
Chroma 把指定的顏色設置為透明
DropShadow 建立一種偏移的影象輪廓，即投射陰影
FlipH 水平反轉
FlipV 垂直反轉
Glow 為對象的外邊界增加光效
Grayscale 降低圖片的彩色度
Invert 將色彩、飽和度以及亮度值完全反轉建立底片效果
Light 在一個對象上進行燈光投影
Mask 為一個對象建立透明膜
Shadow 建立一個對象的固體輪廓，即陰影效果
Wave 在X軸和Y軸方向利用正弦波紋打亂圖片
Xray 只顯示對象的輪廓

1、Alpha 濾鏡

語法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}

"Alpha"屬性是把一個目標元素與背景混合。設計者可以指定數值來控制混合的程度。這種“與背景混合”通俗地說就是一個元素的透明度。通過指定坐標，可以指定點、線、面的透明度。他們的參數含義分別如下：
“opacity" 代表透明度水準。預設的範圍是從0 到 100，他們其實是百分比的形式。也就是說，0代表完全透明，100代表完全不透明。”finishopacity"是一個可選參數，如果想要設置漸變的透明效果，就可以使用他們來指定結束時的透明度。範圍也是0 到 100。“style" 參數指定了透明區域的形狀特征。其中0代表統一形狀、1代表線形、2代表放射狀、3代表長方形。”STARTX“和”STARTY“代表漸變透明效果的開始X和Y坐標。”FINISHX“和”FINISHY“代表漸變透明效果結束X和Y 的坐標。

效果如下：

2、Blur 濾鏡

語法：對於HTML：{ilter:blur(add=add,direction=direction,strength=strength)}
對於Script語言： [oblurfilter=] object.filters.blur
用手指在一幅尚未干透的油畫上迅速划過時，畫面就會變得模糊。”Blur"就是產生同樣的模糊效果。
“ADD” 參數是一個布爾判斷“TRUE（預設）”或者“FALSE”。它指定圖片是否被改變成印象派的模糊效果。模糊效果是按順時針的方向進行的， “DIRECTION”參數用來設置模糊的方向。其中0度代表垂直向上，然后每45度為一個單位。它的預設值是向左的270度。“STRENGTH“值只能使用整數來指定，她代表有多少像素的寬度將受到模糊影響。預設是5個。對於網頁上的字體，如果設置他的模糊”ADD=1“，那麼這些字體的效果會非常好看的。如下：
filter:blur(add=ture,direction=135,strength=10）

3、FlipH, FlipV 濾鏡

語法：{filter:filph} ,{filter:filpv} 分別是水平反轉和垂直反轉，具體如下：

4、Chroma 濾鏡

語法：{filter:chroma(color=color)}
使用”Chroma"屬性可以設置一個對象中指定的顏色為透明色，參數COLOR即要透明的顏色。下面是蘭色文字，然后用Chroma 濾鏡過濾掉蘭色，就成了下面的樣子。
filter:chroma(color=blue)

滴水檐坊

5、DropShadow 濾鏡

語法：{filter:dropshadow(color=color,offx=ofx,offy=offy,positive=positive)}

“DropShaow" 顧名思義就是添加對象的陰影效果。其工作原理是建立一個偏移量，加上較深。"Color"代表投射陰影的顏色，"offx"和 "offy"分別是X方向和Y方向陰影的餓偏移量。"Positive"參數是一個布爾值，如果為“TRUE（非0）”，那麼就為任何的非透明像素建立可見的投影。如果為“FASLE（0）”，那麼就為透明的像素部分建立透明效果

6、Glow 濾鏡

語法：{filter:glow(color=color,strength)}
當對一個對象使用"glow"屬性后，這個對象的邊緣就會產生類似發光的效果。“COLOR”是指定發光的顏色，“STRENGTH”則是強度的表現，可以從1到255之間的任何整數來指定這個力度。
filter:glow(color=red,strength=10) 后的效果

--------------------------------------------------------------------------------
7、Gray ,Invert,Xray 濾鏡

語法：{filter:gray} ,{filter:invert},{filter:xray}

Gray濾鏡是把一張圖片變成灰階圖；Invert濾鏡是把對象的可視化屬性全部翻轉，包括色彩、飽和度、和亮度值；Xray濾鏡是讓對象反映出它的輪廓並把這些輪廓加亮，也就是所謂的“X”光片。

效果如下：

、Light 濾鏡

語法：Filter{light}

這個屬性模擬光源的投射效果。一旦為對象定義了“LIGHT"濾鏡屬性，那麼就可以調用它的“方法(Method)"來設置或者改變屬性。“LIGHT"可用的方法有：

AddAmbient 加入包圍的光源
AddCone 加入錐形光源
AddPoint 加入點光源
Changcolor 改變光的顏色
Changstrength 改變光源的強度
Clear 清除所有的光源
MoveLight 移動光源
可以定義光源的虛擬位置，以及通過調整X軸和Y軸的數值來控制光源焦點的位置，還可以調整光源的形式（點光源或者錐形光源）指定光源是否模糊邊界、光源的顏色、亮度等屬性。如果動態的設置光源，可能回產生一些意想不到的效果。后面幾頁會有具體範例。

9、Mask 濾鏡

語法：{filter:mask(color=color)}

使用"MASK"屬性可以為對象建立一個覆蓋於表面的膜，其效果就象戴者有色眼鏡看物體一樣。

10、Shadow 濾鏡

語法：{filter:shadow(color=color,direction=direction)}

利用“Shadow”屬性可以在指定的方向建立物體的投影，COLOR是投影色，DIRECTION是設置投影的方向。其中0度代表垂直向上，然后每45度為一個單位。它的預設值是向左的270度。

filter:shadow(color=red,direction=225)
filter:shadow(color=blue,direction=225)
filter:shadow(color=gray,direction=225)

11、Wave 濾鏡語法：{filter:wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)}
"wave" 屬性把對象按垂直的波形樣式打亂。預設是“TRUE（非0）”，
“ADD”表示是否要把對象按照波形樣式打亂，

“FREQ”是波紋的頻率，也就是指定在對象上一共需要產生多少個完整的波紋，

“LIGHTSTRENGTH”參數可以對於波紋增強光影的效果，範圍0----100，

“PHASE”參數用來設置正弦波的偏移量。

“STRENGTH”代表振幅大小。

文章出處：
http://king101.com/archiver/?tid-1903.html