Day15【主題四：css表格排版】＿前言 / 表格格式化 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 11 屆 iThome 鐵人賽

DAY 15

0

自我挑戰組

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

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

11th鐵人賽

2019-09-16 23:06:01

503 瀏覽

分享至

零、前言

在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 篇

目錄

RSS系列文訂閱系列文

17 人訂閱

完整目錄

直播研討會

{{ item.subject }}

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

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23097 篇

完賽人數

656 人

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

IT邦幫忙