第二次參賽,這次不講 Code,來講工具! 工作以來,發現很多我自己常用的小技巧或 Debug 工具,其實有些是同事不知道的。我打算用這30天的文章,紀錄平時工...
這部分我們要來說明如何處理長度不同的多個序列或是序列太長的問題 Batching (批次處理) 這個概念呢其實跟 Day12 最後給的完整範例有使用到,Batc...
初學時Margin、Padding傻傻分不清楚,心想反正畫面有就好了,被問了『你何時用Margin?何時用Padding?』,於是針對這個議題展開了追尋。這裡會...
Box Model Box Model 其實就是把元素比喻為我們很常見的盒子,如下圖我們可以看到主要分為四個部分:盒子中的內容物 (電腦)、電腦與盒子間的空隙...
昨天講完的CSS的文字和區塊屬性後,今天要接續介紹版面佈局的屬性,以及一個非常好用的佈局容器 - Flex,上完這堂課,你的網頁佈局就可以更加彈性囉~ 那麼,我...
#使用 margin(向外)、padding(向內) 來推擠距離css:.box{border:10px solid #000;padding-left:30p...
大家好,我是 Eric。 昨天我們介紹完 CSS 中與字型有關的樣式,在了解這些樣式屬性後,其實我們已經看得懂超過一半以上的 Twenty Twenty 佈景主...
上次提到設定 border 的樣式,這次接著繼續說下去~ 我們可以用一行來設定所有樣式 p{ border: thick orange dashed...
那今天就從我們在排版很常用到的內距 padding & 外距 margin 首先從title區開始先上個設計圖的樣式那我們在title裡的大頭照是圓形的我們如果...