Web »

Emmet 教學 - 階層及群組

Emmet 教學 - 階層及群組

我們在 Emmet 教學系列 - 基本用法中已經學會建立單一元素的方式了,但網頁中通常都是有很多的子元素、孫元素及各種的兄弟元素等等。如果您對 CSS 選擇器熟悉的話,應該多少有用到階層選擇器等功能。同樣的,Emmet 也支援及提供建立含有各種階層關係的縮寫方式。

Web »

Emmet 教學 - 基本用法

Emmet 教學 - 基本用法

大多數的編輯器都有相對應的 Emmet(Zen Coding) 套件可以安裝,它能加快並縮短開發者在編寫 HTML 及 CSS 的時間。Emmet 基本的用法就跟我們在寫 CSS 的概念是一樣的,讓筆者先一一介紹基本的使用方式。