タグ : CSS
Stylelint 檢查 CSS 懶人包
Stylelint 可檢查 CSS，除了安裝 Stylelint 外，還要安裝其他 Plugin 與修改設定檔，才能完成 檢查 BEM、查狀結構 與 樣式排序…等需求。
將多個 CSS 檔合併成單一 CSS 檔
實務上會想將每個 Template 或 Partial 有自己的 CSS 檔，在開發階段亦保持獨立，直到編譯階段再將所有 CSS 檔合併成單一 CSS 檔。
Modern CSS Reset
不同瀏覽器對 HTML Tag 都有其預設 CSS Style，為了讓個瀏覽器表現一致，建議使用 CSS Reset 將所有預設 CSS Style 清除。
使用 VS Code 開發 HTML/CSS
若只是用來學習 HTML/CSS，可只安裝 Prettier、Stylelint、Live Server 與 Firefox Developer Edition 即可。
在 Iframe 內加上額外 HTML Element
<Iframe> 內放的是其他網站，我們無法改變其 source code，但我們可透過 CSS 將 HTML Element 放在 <iframe> 上面，看起來好像是該網站原本就有的 Element。