待放
table表單(如何用display制作表單之下篇)
? ? ? ?這是我自打?qū)W習(xí)前端知識(shí)以來遇上的最難的課題膘怕,三次課程才總算搞明白這是怎么回事:其實(shí)就是表單的制作想诅,只不過,除了用標(biāo)簽做以外岛心,還有一種方法:用<div>來完成侧蘸。
? ? ? ?在表單制作時(shí),<div>的使用率要遠(yuǎn)遠(yuǎn)高于標(biāo)簽鹉梨,主要原因是<div>對(duì)搜索引擎的友好度高于table標(biāo)簽讳癌。
? ? ? ?以下是用<div>制作的表單。
代碼書寫1
代碼書寫2
代碼書寫3
table-caption,是指對(duì)表單信息的描述存皂,只能定義table里面的內(nèi)容晌坤,不可用于其他逢艘。table-caption也是css的一種針對(duì)table表單信息進(jìn)行描述的一種樣式屬性。
table-column-group:代表列組骤菠;
table-header-group:代表表頭它改;
table-row:定義一行,相當(dāng)于table中的tr;
table-cell:元素信息商乎,相當(dāng)于td;
table-footer-group:代表底部信息央拖;
table-row-group:相當(dāng)于tbody,即數(shù)據(jù)承載部分。
border-collapse:collpse 風(fēng)箱樣式鹉戚,定義邊框內(nèi)邊距鲜戒,該樣式后續(xù)課程會(huì)學(xué)到,這里先做了解抹凳。
padding 盒子模型遏餐,指內(nèi)留白。
頁面展示
? ? ? ? 這節(jié)課給我最大的感受就是:眼過百遍赢底,真不如手過一遍失都。還是要勤加練習(xí),這樣知識(shí)才會(huì)信手拈來幸冻!