CSS 裡的「寬度，最大寬度，最小寬度」分別是什麼呢？
➊ width 用來設定元素的寬度，且 width 作用範圍僅在 content-box 區塊
➋ max-width → 用來設定元素的最大寬度
➌ min-width → 用來設定元素的最小寬度

學習

音樂藝文

以行動支持創作者！付費即可解鎖

從零開始，記錄網頁設計的學習過程。

我想分享給那些曾有過相同感受的同學，覺得自己能力不適合、在學習中感到自卑想要放棄的那些時候。而後半篇則想分享自己對於老師、助教的感謝。

本篇為隨筆紀錄，將看完的影片疏理為短小筆記 。
特別有感的是，現在回頭看，發現影片中每個提及的知識點或是誤區自己都踩過好幾輪了，這是在學習及練習中很常會反覆發生、需要注意的地方，提醒自己在接下來的練習中，能將老師提及的思維及作法吸取並應用。

本篇將不同 Sass 學習資源彙整在此，作爲學習筆記，大多來自 w3schools 和六角學院，相關連結也一並記錄下來，以便可以隨時查看、更新。

養成 1px 都不差的切版練習，紀錄我的訓練過程。

<div class="draft-block draft--p left">阿太好了，看到前輩的筆記，收穫良多！希望我也能早點跨過這個檻இ௰இ</div>

本篇習作內容進入到 CSS 排版實作，一起瞭解 Flexbox，開始第一個網頁排版吧 💪🏻！


box-sizing 是 CSS 屬性的一種，它使我們可以改變盒模型的計算方式。

本篇習作加強自我對 CSS Box Model 的觀念，也是在實作練習中發現自己雖然看似理解了盒模型，但其實在應用上尚不熟悉，因此藉由筆記重新梳理和練習，將 CSS Box Model 的基礎觀念整理並釐清，一起來看看吧！


本篇習作內容，除了練習六角預習影音內的常用語法章節外，也額外整理了其它常用於文本的 HTML 元素，希望能透過這樣的整理，在未來設計結構更複雜的網站介面內容時，能扎穩根基。

display 是一種 CSS 屬性，指定「 是否 / 如何 」顯示元素，而每一個 HTML element 都有預設的 display value，然而在預設的情況下，新手如我在剛接觸時常踩入深不見底的盲區，
一起來釐清學會辨識吧！