web前端第三天

2021-10-23 18:36:17 字數 939 閱讀 9138

table和div

table**

學號 姓名 性別 年齡

1 小明 男 12

2 小剛 男 11

**的組成部分:標題 表頭 主體 表尾

table定義乙個**

caption 定義**的標題

thead 定義表頭的部分

tbody 定義**的主體(資料)部分

tfoot 定義表尾,一般來說顯示彙總資訊

tr 定義一行

th td 來定義資料項(單元格) th一般用於表頭,有加粗的樣式。

td 一般用於主體部分,沒有加粗的樣式

td rowspan 和 colspan 分別定義了單元格跨行的行數,跨列的列數

cellspacing:間距

cellpadding:邊距

divdiv 定義乙個分塊

特點:在新的一行顯示 塊級標籤

塊級標籤 與 行內標籤的區別:

塊級標籤佔滿行 行內標籤會按照順序從左到右依次排列

塊級標籤:h1-h6 p ul ol li div table dl form

行內標籤:span a br lable i em

行內塊:img input

塊級元素的特點:display:block

每個塊都是從新的一行開始,後面的元素會另起一行(霸道)

元素的寬度,高度,行高,內外邊距都可以設定的

如果不設定元素的寬度,是它父容器的100%,除非你給他設定高度

行內元素的特點:display:inline

1. 和其他的元素都在一行

2. 不能設定元素的寬度,高度,行高,內外邊距

3. 元素的寬度是它包含文字或的寬度,不能改變

行內塊的特點:display:inline-block

1. 和其他的元素都在一行上

2. 寬度,高度,行高,內邊距都可以設定的

web前端學習 第三天

的組成部分 標題 表頭 主體 表尾 table定義乙個 caption定義 的標題 thead定義表頭的部分 tbody定義 的主體 資料 部分 tfoot定義表尾,一般來顯示彙總資訊 tr定義一行 thtd來定義資料項 單元格 th 一般用於表頭,有加粗的樣式.td 一般用於主體部分,沒有加粗的樣...

前端第三天

排版標籤 注釋作用不顯示在瀏覽器頁面 段落標籤 換行標籤 為段落換行 水平分割線 分割段落 居中 將文字 等 位置居中 w3c中不建議使用 預設格式 令檔案按照與那時碼的方式來顯示 區域 區隔 設定位置 定義斜體 格式標籤 擷取首字母縮寫 縮寫定義文件作者資訊 字型粗體顯示 定義文字的方向 脫離周圍...

前端第三天

display 通過顯示方式來分類 inline 同行顯示,不支援寬高,寬高由內容決定 block 異行顯示,支援所有css樣式,設定寬高 inline block 同行顯示支援所有css樣式 盒模型 margin border padding content,四個部分區域 margin top m...