Dreamweaver CC教程:HTML 中表格格式设置优先顺序
Dreamweaver CC教程:HTML 中表格格式设置优先顺序
了解如何使用表格在网站中显示内容。此外,还可了解如何拆分和合并表格单元格以及如何导入和导出表格式数据。
表格是用于在 HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成;每行又由一个或多个单元格组成。虽然 HTML 代码中通常不明确指定列,但 Dreamweaver 允许您操作列、行和单元格。
当选定了表格或表格中有插入点时,Dreamweaver 会显示表格宽度和每个表格列的列宽。宽度旁边是表格标题菜单与列标题菜单的箭头。使用这些菜单可以快速访问与表格相关的常用命令。可以启用或禁用宽度和菜单。
如果您未看到表格的宽度或列的宽度,则说明没有在 HTML 代码中指定该表格或列的宽度。如果出现两个数,则说明“设计”视图中显示的可视宽度与 HTML 代码中指定的宽度不一致。当拖动表格的右下角来调整表格的大小,或者添加到单元格中的内容比该单元格的设置宽度大时,会出现这种情况。
例如,如果您将某列的宽度设置为 200 像素,而添加的内容将宽度延长为 250 像素,则该列将显示两个数:200(代码中指定的宽度)和 (250)(带括号,表示该列呈现在屏幕上的可视宽度)。
注意:
您还可以使用 CSS 定位来对页进行布局。
HTML 中的表格格式设置优先顺序
当在“设计”视图中对表格进行格式设置时,您可以设置整个表格或表格中所选行、列或单元格的属性。如果将整个表格的某个属性(例如背景颜色或对齐)设置为一个值,而将单个单元格的属性设置为另一个值,则单元格格式设置优先于行格式设置,行格式设置又优先于表格格式设置。
表格格式设置的优先顺序如下:
1、单元格
2、行
3、表格
例如,如果将单个单元格的背景颜色设置为蓝色,然后将整个表格的背景颜色设置为黄色,则蓝色单元格不会变为黄色,因为单元格格式设置优先于表格格式设置。
注意:
当您设置列的属性时,Dreamweaver 会更改该列中每个单元格所对应的 td 标签的属性。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
笔记本电脑无法使用外接显示屏幕扩展功能
笔记本电脑无法使用外接显示屏幕扩展功能,显示,屏幕,信号,扩...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
笔记本电脑设置不当引发液晶屏水波纹现象
笔记本电脑设置不当引发液晶屏水波纹现象,液晶屏,现象,运行,...
-
显示器有信号而无任何显示的不能开机故障解决方
显示器有信号而无任何显示的不能开机故障解决方法,显示,信号,...
-
Dreamweaver CC教程:设置代码改写首选参数
Dreamweaver CC教程:设置代码改写首选参数,设置,参数,标签,选...
-
Dreamweaver CC教程:在Dreamweaver中处理代码
Dreamweaver CC教程:在Dreamweaver中处理代码,工作区,拆分,文...
-
Dreamweaver CC教程:服务器行为代码
Dreamweaver CC教程:服务器行为代码,服务器,教程,检测,显示,代...
-
Dreamweaver CC教程:XHTML 代码
Dreamweaver CC教程:XHTML 代码,清理,文档,元素,教程,属性,标...
-
Dreamweaver CC教程:重构代码
Dreamweaver CC教程:重构代码,教程,函数,选项,重构,代码重构,...
-
Dreamweaver CC教程:编辑 main.less 文件中的选
Dreamweaver CC教程:编辑 main.less 文件中的选择器,文件,教程...
-
Dreamweaver CC教程:使用“插入”面板
Dreamweaver CC教程:使用“插入”面板插入代码,教程...
-
Dreamweaver CC教程:使用“环绕标签”
Dreamweaver CC教程:使用“环绕标签”,标签,教程,文...