Features形狀 & 圖形
正體中文
ČeskyDeutschEnglishEspañolفارسیFrançaisHindiItalianoPortuguêsРусскийУкраїнськаSvenskaTürkçeIndonesia简体中文正體中文日本語
完成百分比： 46%
完成百分比： 46%
完成百分比： 60%
完成百分比： 60%
完成百分比： 67%
完成百分比： 67%
完成百分比： 18%
完成百分比： 18%
完成百分比： 42%
完成百分比： 42%
完成百分比： 16%
完成百分比： 16%
完成百分比： 44%
完成百分比： 44%
完成百分比： 39%
完成百分比： 39%
完成百分比： 84%
完成百分比： 84%
完成百分比： 84%
完成百分比： 84%
完成百分比： 37%
完成百分比： 37%
完成百分比： 66%
完成百分比： 66%
完成百分比： 39%
完成百分比： 39%
完成百分比： 51%
完成百分比： 51%
完成百分比： 73%
完成百分比： 73%
完成百分比： 36%
完成百分比： 36%
版面安排
如何把螢幕上的元素定位？
百分比%
數量Σ
2019
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
Subgrid完成百分比： 94.5% (10859)完成百分比： 94.5% (10859)
完成百分比： 94.5% (10859)
完成百分比： 94.5% (10859)
輸出
百分比%
數量Σ
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
Flexbox完成百分比： 94.6% (10871)完成百分比： 94.6% (10871)
完成百分比： 94.6% (10871)
完成百分比： 94.6% (10871)
輸出
百分比%
數量Σ
2019
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
Multi-Column Layout完成百分比： 94.3% (10837)完成百分比： 94.3% (10837)
完成百分比： 94.3% (10837)
完成百分比： 94.3% (10837)
輸出
百分比%
數量Σ
2019
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
Writing Modes完成百分比： 94.5% (10855)完成百分比： 94.5% (10855)
完成百分比： 94.5% (10855)
完成百分比： 94.5% (10855)
輸出
百分比%
數量Σ
2019
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
我們詢問 CSS 社群成員，分享「年度精選」
我的 2020 精選：Container Queries
Container queries are a long-time awaited feature for us, and I’m thrilled that the Chrome team is working on support for it natively!
我們詢問 CSS 社群成員，分享「年度精選」
Ahmad Shadeed
debuggingcss.com 的作者
Exclusions完成百分比： 94.2% (10830)完成百分比： 94.2% (10830)
完成百分比： 94.2% (10830)
完成百分比： 94.2% (10830)
輸出
百分比%
數量Σ
2019
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
CSS position:sticky完成百分比： 94.4% (10853)完成百分比： 94.4% (10853)
完成百分比： 94.4% (10853)
完成百分比： 94.4% (10853)
輸出
百分比%
數量Σ
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
CSS Logical Properties完成百分比： 94.3% (10837)完成百分比： 94.3% (10837)
完成百分比： 94.3% (10837)
完成百分比： 94.3% (10837)
輸出
百分比%
數量Σ
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
CSS property: aspect-ratio完成百分比： 94.5% (10855)完成百分比： 94.5% (10855)
完成百分比： 94.5% (10855)
完成百分比： 94.5% (10855)
輸出
百分比%
數量Σ
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
CSS content-visibility完成百分比： 94.5% (10865)完成百分比： 94.5% (10865)
完成百分比： 94.5% (10865)
完成百分比： 94.5% (10865)
輸出
百分比%
數量Σ
2020
| 已經有用過 | |
| 知道是什麼 | |
| 從未聽過 |
推薦資源
CSS Grids and Flexbox for Responsive Web Design
Starting with a review of floats for context, but quickly moving into Flexbox and CSS grids, this essential course is for web developers that want to build responsive, beautiful web applications faster using less code and best practices.
感謝贊助我們的伙伴！ 深入瞭解。