[工學(xué)]5表格與布局(編輯修改稿)
2025-02-15 10:47 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 ?內(nèi)容的垂直對(duì)齊 20/47 控制單元格空白 ?Cellspacing屬性 ?Cellpadding屬性 21/47 演示 ——控制單元格空白 22 Part 3 使用表格和 CSS設(shè)計(jì)布局 23/47 使用表格排版 ? 頁(yè)面布局 –劃分頁(yè)面區(qū)域 –背景色的設(shè)置 –嵌套表格 24/47 演示 ——?jiǎng)澐猪?yè)面區(qū)域 ?強(qiáng)調(diào)：如果要將某網(wǎng)頁(yè)元素（例如一幅圖像）放到特定位置，首先應(yīng)想到使用表格！ 25/47 演示 ——表格背景的設(shè)置 ?Bgcolor設(shè)置背景色 ?Background設(shè)置背景圖像 26/47 演示 ——使用嵌套表格 ?復(fù)雜的網(wǎng)頁(yè)布局可能需要借助嵌套表格。 ?但是，嵌套表格一般不推薦使用，因?yàn)樗鼤?huì)導(dǎo)致頁(yè)面的混亂，尤其會(huì)導(dǎo)致可用性問(wèn)題。 27/47 使用表格布局的要點(diǎn) ?只使用最基本的表格標(biāo)記符（ table, tr, td）。 ?保持簡(jiǎn)單和輕量級(jí)（盡量不使用嵌套表格）。 ?使用樣式表進(jìn)行格式設(shè)置。 –保持布局表格簡(jiǎn)單明了的要點(diǎn)是只使用表格建立基本的框架，而用樣式表進(jìn)行所有的格式設(shè)置。 ?例如 … 28/47 使用 CSS布局 div class=“masthead” Masthead and headline /div div class=“main” Main article /div div class=“sidebar” List of links /div div class=“footer” copy
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1