显示盒子是屏幕上的一个矩形 ， 该矩形包含文本内容、图像、表单控件或其他显示盒子 。
html元素显示为css显示盒子的真正方法被称作可视格式化方式 。
可视格式化方式告诉浏览器应该如何在屏幕上显示html内容 。
6.1.1 元素类型 在可视格式化模式中 ， 标记元素分为两个基本类型-块（block）元素和内联（inline）元素 。
元素类型决定css浏览器如何显示该元素的实例 。
每个html元素的最初类型由html规范设置 。
例如 ， 标签是块元素 ，。

49、 标签是内联元素 。
html 4.01建议给出了完全列表 ， 每个标签都有一个关于它是什么类型的指示 。
用户可以用css改变特定元素的类型 ， 不过通常不需要这样做 。
某些css属性只能设置块元素或内联元素 ， 例如 ， text-indent属性（第15章对齐中将学习它）只应用于块元素 。
一、块元素 块元素是作为内容的独特块而显示的元素 ， 它以新行开始和结束 。
除了标签之外 ， html中的其他块元素包括 、 、 、， 以及 到 标签 。
块元素逐个列出 ， 沿页面垂直向下 。
它们尽可能地宽 ， 这就意味着除非用某种方法限制它们（通过其他块元素、css属性或html标记） ， 否则它们会伸展到整个页面 。
提示：用户开始使用css时 ， 需要注意的 。

50、一件事 ， 就是标题（ 和类似元素）在屏幕上的一致显示方式 。
在 上设置background-color（背景颜色）属性 ， 可以看到它的真正大小 。
二、内联元素 内联元素没有开始行和结束行 ， 它包含于文本流之内 。
内联标签的例子有 、 、 、 、 和。
内联元素在某一行中逐个出现 ， 没有换行 ， 水平放置在页面中 ， 直到现有空间用尽为止 ， 然后在下一行中继续前一行 。
6.1.2 display属性 使用display属性 ， 可以改变元素类型 。
该属性可以具有几个值 。
本章主要关注block和inline 。
display另一个重要的值为none 。
将display属性设置为none的内容根本不会显示 ， 也不会显示它内部的东西 。
将d 。

51、isplay属性设置为block或inline ， 会将元素类型改变为指定的类型 。
例如 ， 假设要做一个导航菜单 ， 并想让菜单内的所有 元素显示为块元素 。
html代码如下所示：my friends my cat my friends cats my cats friends 根据html 4.01规范 ，元素是内联元素 ， 因此 ， 默认浏览器将这些链接作为全部放在相同行里的一排来显示 ， 或者 ， 如果空间不够 ， 可能换行到下一行 。
要作为块标签显示这些 元素 ， 使用如下规则：.nav a display: block;
图6-1显示了应用该规则后的效果 。
除了应用前面的规则和银色背景之外 ， 第一组链接与第二组相同 。
背景说明块元素连续横跨浏览器窗口 ， 在它里面的文本结尾处没有断开 。
同时 ， 即使是在屏幕的最右边 ， 链接都是可点击的 ， 而不只是在具有蓝色下划线的单词上可以点击 。
图6-1 将 链接重新定义为块元素之前和之后的效果在可视格式化模式中 ， 所有元素都产生了特定的盒子类型 。
显示这些盒子的方法称作盒子模型 ， 了解盒子模型对于理解级联样式表如何显示网页至关重要 。
盒子依据元素、文档、树 ， 当然还有盒子来定义 。
除非用户用xml或sgml做了很多工作 ， 否则大多数用户不习惯于依据这些元素来思考网页 。
因此 ， 用户首先需要了解css对web文档所做的假设 。
注意：在正式的w3c规范中 ， 很少看见像网页这样的术语 。

稿源：(未知)

【傻大方】网址：/a/2021/0813/0023654857.html

标题：CSS|CSS入门经典(第2版)( 七 )