iT邦幫忙

第 11 屆 iThome 鐵人賽
DAY 15
0
自我挑戰組

CSS 大全（第四版）閱讀筆記系列 第 15 篇

Day15【主題四：css表格排版】＿前言 / 表格格式化

11th鐵人賽
705 瀏覽

  • 分享至 

  • xImage
    •  

零、前言

  • 在flexbox與網格出現之前，表格是唯一能夠讓元素尺寸與其他元素尺寸建立關聯的元素。
  • 不論基本格裡的內容多寡，同一列的基本格的高度都相同；同一行基本格的寬度也都相同。
  • 相鄰的基本格能夠共享邊界。

一、表格格式化

  • 表格格式化（table formatting）是建立表格裡的各個元素關係的方法。必須先完成格式化之後，才能夠排版。
    1-1. 表格的視覺排列
  • CSS將表格元素（table element）與內部表格元素（internal table element）視為不同。
  • 內部表格元素沒有邊界範圍，無法透過予以邊界範圍讓它們與表格基本格（cell）分離。（caption除外）
  • 網格基本格（grid cell），指描繪表格的網格線之間所形成的區域。所有表格基本格的變界都放置在網格基本格的邊界上。
    　列方框（row box）
    　列群組（row group）
    　行方框（column box）
    　行群組（column group）

上一篇
Day14【主題三：動畫】＿animation縮寫 / 動畫權重與優先順序
下一篇
Day16【主題四：css表格排版】＿表格display值
系列文
CSS 大全（第四版）閱讀筆記 共 30 篇
  1. 26
    day26【主題六：選擇器】筆記１
  2. 27
    day27【主題六：選擇器】筆記2
  3. 28
    day28【主題六：選擇器】筆記3-動態、介面狀態虛擬類別
  4. 29
    day29【主題七：邊界範圍】
  5. 30
    day30【主題八：數值與單位】
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

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