- Mar 29 Mon 2010 14:26
-
CSS─display屬性
- Mar 29 Mon 2010 12:47
-
CSS ─ position定位
position屬性有四個屬性值可以設定,分別是static, relative, absolute, fixed。
static(靜態定位):
為預設值,表示區塊保持在原本應該在的位置上,即該值沒有任何移動的效果。
relative(相對定位):
使用相對定位,除了將position屬性設置為relative之外,還需要指定一定的偏移量,水平方向透過left或right屬性來指定,垂直方向透過top和bottom來指定。
- Mar 28 Sun 2010 20:41
-
CSS背景設定background
背景設定(background)
- Mar 28 Sun 2010 15:17
-
CSS盒子模型概念
在CSS中,一個獨立的盒子模型由content(內容)、border(邊框)、padding(內邊距)和margin(外邊距)四個部分組成。
倘若將盒子模型比作展覽館裡展出的一幅幅畫,那麼content就是畫面本身,padding就是畫面與畫框之間的留白,border就是畫框,margin就是畫與畫之間的距離。
屬性值的縮寫形式:
- 如果給出1個屬性值,表示上下左右邊的屬性全一致。
- Mar 26 Fri 2010 15:52
-
CSS選擇器
1.標記選擇器:用來宣告哪些標記採用那種CSS樣式。每一種HTML標記的名稱都可以作為對應的標記選擇器的名稱。
如: <style>
h1{
color:red;
font-size:25px;
- Mar 26 Fri 2010 15:38
-
在HTML引入CSS的方法
1.行內式:在標記的style屬性中設定CSS樣式。
2.嵌入式:將對面面中各種元素的設置集中寫在<head>和</head>之間。
3.連結式:使用HTML的標記引入外部CSS檔。
例: <link href="mystyle.css" rel="stylesheet" type ="text/css"/>
4.匯入式:使用CSS的規則引入外部CSS檔。
- Mar 23 Tue 2010 14:32
-
Canvas
<canvas>是 HTML 的新元素,可透過 Script(通常是 JavaScript)繪製圖形。例如,可以用來繪圖、合成圖照片,或播放動畫。
Mozilla 應用程式從 Gecko 1.8(也就是 Firefox 1.5)起開始支援<canvas>。這個元素最初由蘋果 OS X Dashboard 和 Safari 引入。Internet Explorer 本身並不支援 <canvas>,不過網頁可以從 Google 的 Explorer Canvas 專案那裡含入 Script,就能得到有效的支援。Opera 9 也支援 <canvas>。
- Mar 23 Tue 2010 13:34
-
jQuery─入門
jQuery 是一套物件導向式簡潔輕量級的 JavaScript Library。透過 jQuery 你可以用最精簡少量的程式碼來輕鬆達到跨瀏覽器 DOM 操作、事件處理、設計頁面元素動態效果、AJAX 互動等。
再談談 jQuery 的好
1. 官方文件詳細。(重要)
2. 簡潔不笨重,壓縮後大約15KB (v1.2.6)。
3. 只要你有 JavaScript 的基礎,不用再多去學習一大堆新語法。
- Mar 23 Tue 2010 10:38
-
製作Ajax網頁
注意事項:
1.使用UTF-8文字碼
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
2.把檔案放在網路伺服器之後再進行測試
- Mar 21 Sun 2010 14:38
-
XMLHttpRequest物件─跨Browser運作
XMLHttpRequest物件是用來進行HTTP通訊的物件。
藉由使用Script,並以HTTP程式為基礎來連接伺服器;而JavaScript則可藉由使用XMLHttpRequest()建構子來建立實體。
var 物件名稱 = new XMLHttpRequest()
【在ie中,則是: 物件名稱 = new ActiveXObject("Msxml2.XMLHTTP")
物件名稱 = new ActiveXObject("Microsoft.XMLHTTP") 】
- Mar 20 Sat 2010 17:46
-
什麼是Ajax?
Ajax的全名為Asynchronous JavaScript and XML,定義為:
「
- 使用XHTML和CSS的標準技術為基礎的網頁。
- 使用DOM作動態顯示與互動。
- 使用XML或XSLT來變更和操作資料。
- Mar 20 Sat 2010 17:28
-
什麼是DOM?
檔案物件模型(Document Object Model,簡稱DOM),是W3C組織推薦的處理可擴充套件置標語言的標準程式介面。
根據W3C DOM規範(http://www.w3.org/DOM/),DOM是一種與瀏覽器,平台,語言的接口,使得你可以訪問頁面其他的標準組件。簡單理解, DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的衝突,給予web設計師和開發者一個標準的方法,讓他們來訪問他們站點中的數據、腳本和表現層對像。
文件物件模型(Document Object Model,DOM)是給 HTML 與 XML 文件使用的一組 API。它提供了文件的結構表述(representation),讓你可以更動其中的內容及可見物。其本質是建立網頁與 Script 或程式語言溝通的橋樑。