iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 3
0
自我挑戰組

前端菜焦阿日記系列 第 3

|D3| CSS - CSS3的關鍵字學習法

  • 分享至 

  • xImage
  •  
tags: 2019年鐵人賽css

前言

這些是在切版路上需要的觀念和技巧,不想踩雷就要看!透過Keyword先知道大方向,再一個個解決。

Keyword

  1. Box Model 包含
    • content
    • padding
    • border
    • margin
  2. HTML 標籤分成
    • 行內元素 Inline elements
    • 塊級元素 Block-level elements
  3. 水平排版
  4. 垂直排版
    • Margin collapse
  5. float
    • Block fomatting context(簡稱 BFC)
  6. position
    • The containing block
  7. Flex Layout
    • Media queries
  8. Grid Layout

眉眉角角小技巧

  • CanIUse可查詢Web技術在新舊瀏覽器的支援度
    如:以HTML5為例,IE6~8和Firefox2不支援HTML5新增的Tags


上一篇
|D2| HTML - HTML標籤
下一篇
|D4| CSS - Box Model & Chrome DevTools
系列文
前端菜焦阿日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言