一些关键字和特殊名词的定义

HTML（Hyper Text Markup Language）：超文本标记语言
XHTML（Extensible Hyper Text Markup Language）：可扩展超文本标记语言
超文本：指页面内可以包含图片、链接、甚至音乐、程序等非文本语言
HTML5：指HTML的第五次重大修改

结构：HTML
表现：CSS
行为：DOM

站点：用来归纳一个网站上所有的网页、素材以及他们之间的联系。
一个完整的站点包括：html文件、css文件、image文件、index.html

CSS：层叠样式表

标准流（文档流）：正常的网页排版
浮动流：设置了 float 属性的元素

浮动：文本如何围绕该元素显示。

盒模型：css定义所有的元素都可以拥有盒子一样的外形和平面空间，即都包含边框、边界、补白、内容。
补白（padding）：页面中一个元素，内容到元素的边缘（边框）之间的距离。
边距（margin）：在元素之外的空白区域。

置换元素：指默认就有CSS格式化外表范围的元素，有一定的内在尺寸。

包含块：给定位元素提供坐标和参考点的元素

图片整合（CSS精灵）

• 定义：将导航背景图片，按钮背景图片等有规则的合并成一张图，即将多张图片合为一张图，然后用”background-position”来实现背景图片的定位技术。
• 作用：
  （1）通过图片整合来减少对网页的请求次数，从而提高页面的加载速度。
  （2）通过图片整合来减小图片的体积。

滑动门

• 定义：滑动门是一个形象的称呼，活动门技术就是用：hover伪类滑过导航栏时使导航栏内图片发生变化的一种技术。
• 特点：通过滑动门技术，可以使CSS设计出来的导航栏菜单兼具传统布局的图像效果，与CSS布局的高效扩展性。

自适应（宽、高）：网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能根据窗口或子元素自动调整。

DTD：定义文档类型
SGML：标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言。

embed：用于定于嵌套的内容，包括各种媒体

伸缩布局盒模型（弹性盒模型）

• 定义：让容器有能力让其子项目能够改变其宽度、高度，以最佳的方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小）

媒体查询：让我们根据设备显示器的特性（视口宽度、屏幕比例）为其设定CSS样式

CSS3渐变：可以让你在两个或多个指定的颜色之间显示平稳的过渡

BFC（Block formatting context）：块级格式化上下文

• 定义：它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和布局。

标签语义化：让浏览器或计算机能更好的识别它。