Submitted by taipei109hostel on 周日, 08/01/2021 - 11:19

認識CSS3

認識CSS3是什麼?

CSS的基本寫法

CSS顏色的設定

CSS的字型樣式設定

  • 字型大小

  • 字體樣式

  • 字型名稱

CSS滑鼠游標的設計

一段文字的編排樣式 --- 與文字 (text) 相關的設定

  • text-align
  • letter-spacing
  • word-spacing
  • line-height
  • text-ident

項目清單的樣式

背景的設計

Box Model 盒子的設計

  • 外邊距

  • 內邊距

  • 邊框

  • 盒子的陰影與高寬度

表格的樣式設定

使用CSS做出漸層效果

物件的定位與網頁的排版

  • 定義物件的顯示 --- display
  • 物件定位 --- position
  • 定義是否文繞圖 --- float
  • 設定層級 (誰應該在上層或下層,與顯示堆疊有關) --- z-index
  • 顯示隱藏物件 --- visibility

使用彈性的容易進行物件排版

 


使用CSS進行動畫設計

漸變效果

設計網頁動畫

動畫變形


使用CSS進行響應式 (RWD) 的網頁設計

 

文章分類