9 walker studio-9w個人設計工作室
Google
.網頁設計接案業務
.加入GForce手機娛樂聯盟

.基礎HTML教學
.CSS樣式表教學
.基礎JAVASCRIPT教學
.JAVASCRIPT收集
.自製ASP程式下載
.色彩英文名對照
.16進位色碼對照一
.16進位色碼對照二
.可愛包子動畫圖庫
.MSN表情小圖示下載
.9W2U-1024X768桌布下載

.GForce付費手機遊戲
.免費遊戲房
.免費線上遊戲房
.免費檔案報報
.免費資源報報
.網站漫遊報報
.多國語言字母發音表

因網友留言內容
含成人色情內容
討論區即時停止運作
不便之處敬請見諒
● LOGO交換登錄
● 和我們連絡

 友站及其它連結
刑事警察局網際網路資訊站
591租屋網站
反毒害大聯盟
台灣認養地圖
KTzone日記, 論壇
::S.H.E 青春組織國際後援會::
CSS教學
CASCADING STYLE SHEET

01 何謂CSS語法? 07 表單特效
02 CSS語法的定義及元素樣式? 08 圖片影像特效
03 樣式性質分類 09 捲軸特效
04 CSS的宣告方式 10 CSS動態存取、控制樣式(限IE)
05 CSS連結特效 11 CSS參數表
06 CSS文字特效  

何謂CSS語法?

■何謂CSS語法?

CSS (CASCADING STYLE SHEET) 中文翻譯為樣式表,是W3C組織所擬定出的一套標準格式。

W3C有鑑於網際網路的日益發達,網頁製作更是琳瑯滿目,之前的HTML漸不敷所需,也無法給網頁設計者較大的自由設計空間,於是乃訂定出CSS。現在網頁設計頗有名聲的DHTML(動態網頁設計),CSS便在裡面扮演重要的角色。

一般的情況下,如使用市面上的網頁編輯軟體來編輯設計的話,編輯基本的網頁已是足夠的了,但其在設計配置的自由程度上並不是那麼的方便順心,並無法隨心控制網頁元素的需求要素。

如使用CSS樣式表來作編排,由於CSS有絕對位置和相對位置的概念,可以計設出多層次和陰影等效果及其他特效。

實際上CSS是一組網頁建構基礎樣式,CSS 主要增加了更多的樣式定義方式來輔助 HTML語言,透過 CSS樣式表的運作後,只要修改定義標籤(如:表格、背景、連結、文字、按鈕、Scroll bar ...等)的樣式,則其它各網頁相同標籤引用相同的樣式表檔案,所有引用檔案的網頁會呈現同一的引用樣式,建立一個風格統一的網站。

簡而言之,CSS 僅是在既有的網頁HTML語言中,加上一些輔助語法(Plugins),藉以達到控制網頁外觀的另一個簡便的方式。


■ 檢視 CSS 的編輯結果:


當然是瀏覽器,因為 CSS 的主要功能只是讓網頁的格式、外觀得以完全操控,因此須透過瀏覽器才能看得到 CSS 的效果。您並無法在一般的網頁編輯軟體編輯的同時便能看到所須的效果。

■ CSS特點:
  • 自訂網頁風格
    網頁設計者所表現出的整體風格,有不會因為其瀏覽者的瀏覽器設定不同而改變。

  • 網頁維護方便
    當你的網站規模日漸龐大的時候,只要所有的網頁都是參照同一個樣式表檔案。

  • 瀏覽器支援度佳
    許多常見的瀏覽器已提供對 CSS 的支援。

  • 優異的排版能力
    類似於一般的桌面排版軟體,易於學習及上手。



    建議您使用 IE5.0以上的瀏覽器檢視 CSS 的編輯結果。



本站內容屬私人所有 請勿任易轉載 如須轉載 請通知本站
本站所鏈結標題及鍊結內容 皆歸原權利人所有
網站內容如有任何侵權 亦請通知本站刪除 謝謝!

Power by 9 Walker Studio
本站內容屬私人所有 請勿任易轉載 如須轉載請通知本站