width屬性

width屬性表示的是盒子內容的寬度。

width屬性的單位通常是px，也可以是em和百分數。

當塊級元素沒有設定width屬性時，這個塊級元素將在頁面的水平方向上鋪滿。也就是說，當塊級元素沒有設定width屬性時，它的寬度就是瀏覽器視窗的寬度。

h系列標籤、p標籤、li標籤、div標籤都是塊級元素。

height屬性

height屬性表示盒子內容的高度。

height屬性的單位通常是px，也可以是em和百分數。

盒子的height屬性如果不設定，不管這個盒子是不是塊級元素，它將自動的被它裡面的內容撐開，如果這個盒子裡面沒有內容，那麼height的值將預設是0。

width和height屬性的單位rem和百分數，主要在移動端開發中用的比較多。

padding屬性

padding是盒子的內邊距，就是盒子邊框的內壁到文字的距離。

padding有上下左右四個方向，每一個方向都可以單獨設定。相當於padding這個大的屬性下面又細分了4個方向的小屬性。

這4個小屬性，都是padding後面跟一個小短橫，然後跟方向描述詞，表示它是哪一個方向的padding。

padding的每一個方向上的數值，都是可以不一樣的。

接下來我在vscode和瀏覽器中演示下width、height、padding這幾個屬性。我建立了一個叫“width、height、padding。html”的檔案。程式碼如下：

<！DOCTYPE html> 所謂的光輝歲月，並不是後來閃耀的日子，而是無人問津時，你對夢想的偏執。