W3C HTML 网页标准教程

CSS

CSS

CSS 简介
CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或 XML等文件样式的计算机语言。 CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力。
CSS 基础语法
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。
CSS 高级语法
css 高级语法,支持通过逗号分组的选择器可以分享相同的声明。CSS 支持子元素从父元素继承属性。
CSS 派生选择器
css 派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使 HTML 代码变得更加整洁。
CSS id 选择器
CSS id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。id 选择器以 "#" 来定义。在现代布局中,id 选择器常常用于建立派生选择器。
CSS 类选择器
CSS 类选择器以一个英文点号后跟类名的形式表示,和 id 一样,class 类选择器也可被用作派生选择器。
CSS 属性选择器
css 属性选择器可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。Internet Explorer 7 (以及更高版本)在规定了 !DOCTYPE 的情况下支持属性选择器。IE6 及更低的版本不支持属性选择器。
CSS 创建方法
览器会根据 css 来格式化 HTML 文档。创建 css 的方法有三种:外部样式表,内部样式表,内联样式表。
CSS 背景
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。
CSS 文本
CSS 文本属性可定义文本的外观。包括文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进等。

CSS 字体
CSS 字体属性 font 定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。
CSS 列表
CSS 列表属性 list-style ,可以改变列表的标志类型。
CSS 表格
CSS 表格属性可以帮助您极大地改善表格的外观。主要包括 border ,border-collapse , width , height , text-align , vertical-align 等。
CSS 轮廓
CSS 轮廓 outline 属性规定元素轮廓的样式、颜色和宽度。轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
CSS 盒模型
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距 padding 、边框 border 和 外边距 margi 的方式。
CSS 内边距
CSS padding 属性定义元素边框与元素内容之间的空白区域。padding 属性接受长度值或百分比值,但不允许使用负值。
CSS 边框
CSS border 属性允许你规定元素边框的样式、宽度和颜色。每个边框有 3 个方面:宽度、样式,以及颜色。
CSS 外边距
CSS margin 属性,用来设置 html 元素的外边距,即围绕在元素边框 border 外的空白区域。
CSS 外边距合并
CSS 外边距合并(叠加)是一个相当简单的概念。当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并。
CSS 定位
CSS 定位 (Positioning) 属性允许你对元素进行定位。CSS 有三种基本的定位机制:普通流、浮动和绝对定位。

CSS 相对定位
CSS 相对定位属性,元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。
CSS 绝对定位
CSS 绝对定位,素框从文档流完全删除,并相对于其包含块定位。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。
CSS 浮动
CSS 浮动属性的元素框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
CSS 元素选择器
在 W3C 标准中,元素选择器又称为类型选择器(type selector)。最常见的 CSS 选择器是元素选择器。文档的元素就是最基本的选择器。
CSS 选择器分组
CSS 结合选择器分组和声明分组,就可以使用很少的语句定义相对复杂的样式。
CSS 类选择器详解
CSS 类选择器允许以一种独立于文档元素的方式来指定样式。应用样式而不考虑具体设计的元素,最常用的方法就是使用类选择器。
CSS id 选择器详解
CSS ID 选择器允许以一种独立于文档元素的方式来指定样式。CSS ID 选择器前面有一个 # 号。
CSS 属性选择器详解
CSS 2 引入了属性选择器。属性选择器可以根据元素的属性及属性值来选择元素。
CSS 后代选择器
CSS 后代选择器(descendant selector)又称为包含选择器。后代选择器可以选择作为某元素后代的元素。
CSS 子元素选择器
CSS 子元素选择器(Child selectors)只能选择作为某元素子元素的元素。子选择器使用了大于号(子结合符

CSS 相邻兄弟选择器
CSS 相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Adjacent sibling combinator)。
CSS 伪类
CSS 伪类 (Pseudo-classes)用于向某些选择器添加特殊的效果。
CSS 伪元素
CSS 伪元素(Pseudo-elements)用于向某些选择器设置特殊效果。
CSS 尺寸
CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。
CSS 分类
CSS 分类属性 Classification 允许你规定如何以及在何处显示元素。
CSS2 媒介类型
CSS2 媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。
CSS 注意事项
本节列出了在使用 CSS 时尽量避免使用的技术。 Internet Explorer Behaviors 它是什么? Internet Explorer 5 引入了行为 (behaviors)。behaviors 是一种通过使用 CSS 向 HTML 元素添加行为的方法。 为什么要避免它? 只有 Internet Explorer 支持 behavior 属性。 用什么代替? 请使用 JavaScript 和 HTML DOM 取而代之。 例子 1 - Mouseover Highlight

返回CSS