CSS表格布局详解：深入理解与实践

需积分: 10 169 浏览量更新于2024-07-18 收藏 2.73MB PDF 举报

"《CSS中的表格布局》是一本由Eric A. Meyer撰写的深入指南，专为Web设计师们解析如何使用CSS来控制网页表格的布局，而非依赖于传统的表格结构。本书聚焦于理解CSS与表格在网页布局中的核心概念，如元素展示方式（display values）、匿名对象和表格层之间的关系，以及如何处理单元格边框的合并问题，区分了分离模型（separated model）和合并模型（collapsed model）。书中探讨的主要内容包括： 1. 表格格式化：学习元素如何通过display属性、匿名对象和表格层的组合来构建CSS表格，理解这些元素之间的相互作用。 2. 单元格边框外观：深入了解边框合并规则，明白在何时以及如何根据这两种模型（分离或合并）呈现不同的边框效果。 3. 表格尺寸：掌握如何设置固定宽度或自动宽度的布局，以及高度计算机制，这对于控制页面整体布局至关重要。此书是即将出版的第四版《CSS：权威指南》的精华部分。购买本书电子版或印刷版，您将获赠该权威指南全书发布后的折扣。现在就行动起来，让您的网页设计更加生动且高效。作者Eric A. Meyer以其丰富的经验和详尽的讲解，带领读者深入理解CSS表格布局的复杂性，并提供了实用的技巧和策略，适合任何希望提升网页设计技能的设计师。无论你是初学者还是经验丰富的开发者，这本书都能帮助你避免常见的布局陷阱，提高网站的可访问性和性能。"

correspondingHTMLelementisthetrelement.

table-row-group

Thisvaluespecifiesthatanelementgroupsoneormoretablerows.The

correspondingHTMLvalueistbody.

table-header-group

Thisvalueisverymuchliketable-row-group,exceptthatforvisual

formatting,theheaderrowgroupisalwaysdisplayedbeforeallotherrows

androwgroups,andafteranytopcaptions.Inprint,ifatablerequires

multiplepagestoprint,auseragentmayrepeatheaderrowsatthetopof

eachpage(Firefoxdoesthis,forexample).Thespecificationdoesnot

definewhathappensifyouassigntable-header-grouptomultiple

elements.Aheadergroupcancontainmultiplerows.TheHTML

equivalentisthead.

table-footer-group

Thisvalueisverymuchliketable-header-group,exceptthatthefooter

rowgroupisalwaysdisplayedafterallotherrowsandrowgroups,and

beforeanybottomcaptions.Inprint,ifatablerequiresmultiplepagesto

print,auseragentmayrepeatfooterrowsatthebottomofeachpage.The

specificationdoesnotdefinewhathappensifyouassigntable-footer-

grouptomultipleelements.ThisisequivalenttotheHTMLelement

tfoot.

table-column

Thisvaluedeclaresthatanelementdescribesacolumnoftablecells.In

CSSterms,elementswiththisdisplayvaluearenotvisuallyrendered,as

iftheyhadthevaluenone.Theirexistenceislargelyforthepurposesof

helpingtodefinethepresentationofcellswithinthecolumn.TheHTML

equivalentisthecolelement.

table-column-group

Thisvaluedeclaresthatanelementgroupsoneormorecolumns.Like

table-columnelements,table-column-groupelementsarenot

rendered,butthevalueisusefulfordefiningpresentationforelements

剩余46页未读，继续阅读

sliencer

粉丝: 4
资源: 75

CSS表格布局详解：深入理解与实践

Table Layout in CSS epub

Table Layout in CSS mobi

table-layout: fixed;

css如何解决表格设置table-layout:fixed后对单元格宽度设置无效

table-layout是什么属性

css Table 设置列宽

table-layout

CSS 控制table 滑动及调整列宽等问题总结

table-layout: fixed

css table列拖动

最新资源