CSS 分享 (1) 簡介

889 views

Published on

  • Be the first to comment

  • Be the first to like this

CSS 分享 (1) 簡介

  1. 1. CSS<br />Cascading Style Sheet<br />串接樣式表<br />
  2. 2. Style「樣子」<br />一般來說是視覺上的<br />穿衣服的樣子<br />但,也可以是其他方面的<br />講話的調調<br />走路的姿態<br />
  3. 3. 文件的各種樣式<br />字型、大小、顏色、表現型態等<br />清單、退排、對齊、行高等<br />框線、效果<br />排列方式<br />尺寸<br />
  4. 4. Word 的樣式<br />
  5. 5. DEMO: 內容與文件分離<br />
  6. 6. DEMO: 內容與文件分離<br />
  7. 7. 串接<br />一個元素<br />一份文件<br />多份文件<br />
  8. 8. 串接: 繼承<br />一個元素: 你戴眼鏡<br />一份文件: 本班男生穿白色上衣<br />多份文件: 全校學生戴紅帽子<br />= 你,戴眼鏡、穿白色上衣、戴紅帽子<br />
  9. 9. 串接: 衝突時的優先權<br />一個元素: 你穿西裝褲<br />一份文件: 本班男生穿白色襯衫<br />多份文件: 全校學生穿灰色上衣、穿牛仔褲<br />= 你,穿白色襯衫、穿西裝褲<br />
  10. 10. CSS 版本<br />一般來說是視覺上的<br />穿衣服的樣子<br />但,也可以是其他方面的<br />講話的調調<br />走路的姿態<br /><- CSS 1<br /><- CSS 2<br /><- CSS 3<br />
  11. 11. DEMO:CSS 特效<br />
  12. 12. DEMO: CSS 特效<br />
  13. 13. DEMO: 動畫<br />
  14. 14. DEMO: 誇張的…<br />
  15. 15. 瀏覽器支援問題<br />

×