Day21-CSS設計(6) / 版面設計(2)-Box Model(上) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 11 屆 iThome 鐵人賽

DAY 21

0

Modern Web

每個人都可以做出理想中的網站!系列第 21 篇

Day21-CSS設計(6) / 版面設計(2)-Box Model(上)

11th鐵人賽

團隊紅蟳當兵等他開賽

2019-10-07 21:03:51

835 瀏覽

分享至

關於版面設計的區塊模型，是一種把區塊分為很多層的設計方法。

CSS Box Model

就是把一個div當作是好~大一個盒子，然後有很多個小盒子，一層裝著一層。
來看說明圖吧!

沒錯，一個div區塊我們可以把他看成四個部分的組成:

margin
border
padding
content
每一個部分都有自已要負責的功能，不管是物件對外和其他物件之間的設定，還是物件內部的內容和邊框設計，都直接包含在這裡面了。

Day20-CSS設計(5) / 版面設計(1)

Day22-CSS設計(7) / 版面設計(3)-Box Model(中)

系列文

每個人都可以做出理想中的網站! 共 30 篇

目錄

RSS系列文訂閱系列文

4 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙