iT邦幫忙

2019 iT 邦幫忙鐵人賽
DAY 3
0
自我挑戰組

前端菜焦阿日記系列 第 3 篇

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

2019鐵人賽
1539 瀏覽

  • 分享至 

  • 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 篇
  1. 26
    |D26| JS - call by value
  2. 27
    |D27| CSS - 修改瀏覽器記住`<input>`密碼後產生的黃色背景
  3. 28
    |D28| JS - function statement(陳述式)和expression(表達式)
  4. 29
    |D29| JS - 原來我不懂 hoisting
  5. 30
    |D30| 前端菜焦阿日記系列 - 總目錄
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
11766 篇
完賽人數
106 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 17th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙