金魚都能懂網頁設計入門 : 區塊尺寸計算 (鐵人賽第八天) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2019 iT 邦幫忙鐵人賽

DAY 8

6

影片教學

金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎系列第 8 篇

金魚都能懂網頁設計入門 : 區塊尺寸計算 (鐵人賽第八天)

2019鐵人賽金魚 css amos 網頁教學

團隊阿莫斯の推坑教

2018-10-23 09:43:58

6386 瀏覽

分享至

教學影片

不要錯過 CSS coke 的影片
快按此訂閱CSS coke的頻道

重點回顧

區塊的尺寸計算

一個區塊的尺寸是如何被計算出來的? 這關係到你的版面是否會跑版，以及版塊是否可以順利的對齊，這是網業的基礎卻也是很多新手卡官或是做錯的地方。
以下幾個重點問題是甚麼，答案就在影片中，請各位實際演練過喔。

可見尺寸的計算
佔據空間的計算
外距的英文是甚麼
外距是甚麼意思
內距的英文是甚麼
內距是甚麼意思
width定義出來的範圍是誰的範圍

影片中使用的尺規

Screen Ruler-免費版

追蹤 Amos 收好康資訊

Line搜尋「@csscoke」加入CSS可樂公開帳號，可以收到 Amos 第一手資訊喔
Youtube 頻道訂閱
 每周二晚上直播影片
 CSS可樂部落格
 CSS可樂粉絲團

金魚都能懂網頁設計入門 : 怎麼學CSS ? (鐵人賽第七天)

金魚都能懂網頁設計入門 : Float浮動 (鐵人賽第九天)

系列文

金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎共 30 篇

目錄

RSS系列文訂閱系列文

356 人訂閱

完整目錄

直播研討會

{{ item.subject }}

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

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

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

IT邦幫忙