CSS
Cascading Style Sheet
串接樣式表
Style 「樣子」
• 一般來說是視覺上的
– 穿衣服的樣子
• 但,也可以是其他方面的
– 講話的調調
– 走路的姿態
文件的各種樣式
字型、大小、顏色、表現型態等 清單、退排、對齊、行高等
框線、效果 排列方式 尺寸
Word 的樣式
DEMO: 內容與文件分離
串接
• 一個元素
• 一份文件
• 多份文件
串接: 繼承
• 一個元素: 你戴眼鏡
• 一份文件: 本班男生穿白色上衣
• 多份文件: 全校學生戴紅帽子
= 你,戴眼鏡、穿白色上衣、戴紅帽子
串接: 衝突時的優先權
• 一個元素: 你穿西裝褲
• 一份文件: 本班男生穿白色襯衫
• 多份文件: 全校學生穿灰色上衣、穿牛仔褲
= 你,穿白色襯衫、穿西裝褲
CSS 版本
<- CSS 1
<- CSS 2
<- CSS 3
DEMO: CSS 特效
DEMO: 動畫
DEMO: 誇張的…
瀏覽器支援問題
Top Related
CSS Dasar #3 : Penempatan CSS
CSS: ordenar un CSS - RUA: Principalrua.ua.es/dspace/bitstream/10045/26459/1/CSS - Ordenar un CSS.pdf · CSS Introducción al desarrollo web CSS: ordenar un CSS Sergio Luján Mora
Dreamweaver MX 2004 CSS CSS - 碁峰資訊epaper.gotop.com.tw/pdf/ACU028100.pdf · Dreamweaver MX 2004 CSS, Cascading Style Sheet CSS Internet Explorer 5 Netscape 6 Safari CSS CSS:
friDay愛享客小聚No.11 林波比 HEY!簡單也不簡單的部落客人生
青年署TED簡報力分享:What's the secret?
XML 문서 화면 표현 CSS 개념 CSS 사용법 CSS 문법
標案簡報心法架構篇 精華分享版
Ted taipei 食物設計分享簡報-詹慧珍