目前日期文章:201003 (13)

瀏覽方式: 標題列表 簡短摘要

透過設置display屬性,可以改變某個標記本來的元素類型,或把某個元素隱藏起來。

有三種屬性值:inline(行內)block(區塊)none(無)


chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

position屬性有四個屬性值可以設定,分別是static, relative, absolute, fixed


static(靜態定位)

為預設值,表示區塊保持在原本應該在的位置上,即該值沒有任何移動的效果。

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

背景設定(background)

body
background :
色碼;                                         
   /*背景底色*/
background-image : url('
背景圖片網址');          /*背景圖片網址*/
background-repeat :
 repeat;                          /*背景圖片重複排列*/

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

在CSS中,一個獨立的盒子模型由content(內容)border(邊框)padding(內邊距)margin(外邊距)四個部分組成。

 

倘若將盒子模型比作展覽館裡展出的一幅幅畫,那麼content就是畫面本身,padding就是畫面與畫框之間的留白,border就是畫框,margin就是畫與畫之間的距離。

 



chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

1.標記選擇器:用來宣告哪些標記採用那種CSS樣式。每一種HTML標記的名稱都可以作為對應的標記選擇器的名稱。

如: <style>

h1{

color:red;

font-size:25px;

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

1.行內式:在標記的style屬性中設定CSS樣式。

2.嵌入式:將對面面中各種元素的設置集中寫在<head>和</head>之間。

3.連結式:使用HTML的標記引入外部CSS檔。

例: <link href="mystyle.css" rel="stylesheet" type ="text/css"/>

4.匯入式:使用CSS的規則引入外部CSS檔。

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

  • 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>

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

jQuery 是一套物件導向式簡潔輕量級的 JavaScript Library。透過 jQuery 你可以用最精簡少量的程式碼來輕鬆達到跨瀏覽器 DOM 操作、事件處理、設計頁面元素動態效果、AJAX 互動等。

再談談 jQuery 的好

1. 官方文件詳細。(重要)
2. 簡潔不笨重,壓縮後大約15KB (v1.2.6)。
3. 只要你有 JavaScript 的基礎,不用再多去學習一大堆新語法。
4. 不用去煩惱跨瀏覽器的問題,jQuery 已經幫你作好了。(IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+)
5. 支援CSS3選擇器。
6. 社群活躍,你可以有很多人家寫好免費的 plugin 用。
7. 跟其它 library 一起使用也不衝突。(jQuery.noConflict())
8. 
jQuery UI 幫你漂亮搞定 (Web 2.0?) 網站使用者介面。

開始 jQuery

先下載 jQuery Library
http://docs.jquery.com/Downloading_jQuery
接著將此 JS 檔放進您網頁 HTML 的 <head> 及 </head> 之間...

<script type="text/javascript" src="jQuery 檔案路徑"></script>

 也可以透過 Google 載入 jQuery  Google AJAX Libraries API

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

注意事項:

1.使用UTF-8文字碼

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

2.把檔案放在網路伺服器之後再進行測試


chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

XMLHttpRequest物件是用來進行HTTP通訊的物件。

藉由使用Script,並以HTTP程式為基礎來連接伺服器;而JavaScript則可藉由使用XMLHttpRequest()建構子來建立實體。

var 物件名稱 = new XMLHttpRequest()

【在ie中,則是:  物件名稱 = new ActiveXObject("Msxml2.XMLHTTP")

       物件名稱 = new ActiveXObject("Microsoft.XMLHTTP") 】

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

Ajax的全名為Asynchronous JavaScript and XML,定義為:

  • 使用XHTMLCSS的標準技術為基礎的網頁。
  • 使用DOM作動態顯示與互動。
  • 使用XMLXSLT來變更和操作資料。
  • 使用XMLHttpRequest來非同步地交換資料。
  • 使用Javascript來結合上述功能。


chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

檔案物件模型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 或程式語言溝通的橋樑

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

API指Application Programming Interface, 應用程式界面

什麼是API,做個簡單的解釋,拿個大家最常看到的幾個東西來做解釋:『筆』。

今天我們要寫一份文章,我們的手=程式筆=API紙=電腦,API就是介於我們的手和電腦之間的一個工具。

如果,少了筆,我們一樣可以把字寫到紙上,不過得要自己做出一個可以寫出字來的東西才行。

chenmike 發表在 痞客邦 PIXNET 留言(11) 人氣()

找更多相關文章與討論