CSS 分享 (1) 簡介
15
CSS Cascading Style Sheet 串接樣式表
Transcript of CSS 分享 (1) 簡介
CSS
Cascading Style Sheet
串接樣式表
Style 「樣子」
• 一般來說是視覺上的
– 穿衣服的樣子
• 但，也可以是其他方面的
– 講話的調調
– 走路的姿態
文件的各種樣式
字型、大小、顏色、表現型態等 清單、退排、對齊、行高等
框線、效果 排列方式 尺寸
Word 的樣式
DEMO: 內容與文件分離
DEMO: 內容與文件分離
串接
• 一個元素
• 一份文件
• 多份文件
串接: 繼承
• 一個元素: 你戴眼鏡
• 一份文件: 本班男生穿白色上衣
• 多份文件: 全校學生戴紅帽子
= 你，戴眼鏡、穿白色上衣、戴紅帽子
串接: 衝突時的優先權
• 一個元素: 你穿西裝褲
• 一份文件: 本班男生穿白色襯衫
• 多份文件: 全校學生穿灰色上衣、穿牛仔褲
= 你，穿白色襯衫、穿西裝褲
CSS 版本
• 一般來說是視覺上的
– 穿衣服的樣子
• 但，也可以是其他方面的
– 講話的調調
– 走路的姿態
<- CSS 1
<- CSS 2
<- CSS 3
DEMO: CSS 特效
DEMO: 誇張的…
瀏覽器支援問題
![[HTML, Css] HTML & Css Learning](https://static.fdocument.pub/doc/165x107/55cf9813550346d0339570eb/html-css-html-css-learning.jpg)
