iT邦幫忙

2019 iT 邦幫忙鐵人賽
DAY 8
6
影片教學

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

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

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

  • 分享至 

  • xImage
    •  

教學影片

Yes
不要錯過 CSS coke 的影片
快按此訂閱CSS coke的頻道/images/emoticon/emoticon12.gif

重點回顧

區塊的尺寸計算

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

  1. 可見尺寸的計算
  2. 佔據空間的計算
  3. 外距的英文是甚麼
  4. 外距是甚麼意思
  5. 內距的英文是甚麼
  6. 內距是甚麼意思
  7. width定義出來的範圍是誰的範圍

影片中使用的尺規

Screen Ruler-免費版

追蹤 Amos 收好康資訊

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


上一篇
金魚都能懂網頁設計入門 : 怎麼學CSS ? (鐵人賽第七天)
下一篇
金魚都能懂網頁設計入門 : Float浮動 (鐵人賽第九天)
系列文
金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎 共 30 篇
  1. 26
    金魚都能懂網頁設計入門 : JQuery入門(鐵人賽第二十六天)
  2. 27
    金魚都能懂網頁設計入門 : JQuery事件(鐵人賽第二十七天)
  3. 28
    金魚都能懂網頁設計入門 : JQuery CSS控制(鐵人賽第二十八天)
  4. 29
    金魚都能懂網頁設計入門 : JQuery動畫(鐵人賽第二十九天)
  5. 30
    金魚都能懂網頁設計入門 : 接下來呢?(鐵人賽第三十天)
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22217 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙