將 Element 轉成 Inline
HTML 將 Element 分成 Inline、Block 與 Inline-block Element,透過 display: inline 可將 Block Element 強制轉成 Inline Element。
HTML 將 Element 分成 Inline、Block 與 Inline-block Element,透過 display: inline 可將 Block Element 強制轉成 Inline Element。
HTML 將 Element 分成 Inline、Block 與 Inline-block Element,透過 display: block 可將 Block 強制轉成 Inline。
HTML 的 Element 共分成 Inline、Block 與 Inline-block 三種類型,其中 Inline-block 具有部分 Inline 特性,也具備部分 Block 特性,因此稱為 Inline-block。
文繞圖為實務上常見需求,若只使用 <img> 與 <div>,則 <img> 與 <div> 會各自一行顯示,可使用 CSS 對 <img>設定 float 達成文繞圖。
當 Vertical Margin 同時作用在相同空間時,CSS 會有所謂的 Margin Collapse,也就是 Vartical Margin 會不如我們預期,而有合併現象。
如 Youtube 本質上就是 <iframe>,但若要能讓 Youtube 也 RWD,則必須搭配一些 CSS 技巧。
雖然能使用 JavaScript 動態由 Canvas 繪製圖片,但若要能讓 Canvas 也 RWD,則必須搭配一些 CSS 技巧。
若我們希望 <div> 能根據 Browser 的長寬自動改變,直覺會想將 width 與 height 都設定成百分比,但事實上沒這麼單純。
ECMAScript 之基本型別有 String、Number、Boolean、Object、Array 與 Function,可由其 Prototype Chain 更了解這些型別特性。
除了一般語言都有的 Global Scope 與 Local Scope 外, ECMAScript 還有一個很特殊的 Lexical Scope,這導致了 Closure 與日後 Functional Programming 發展。