CSS 边框CSS 内边距CSS 外边距元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你规定元素边框的样式、宽度和颜色。CSS 边框在 HTML 中，我们使用表格来创建文本周围的边框，但是通过使用 CSS 边框属性，我们可以创建... 阅读全文>>

CSS 外边距合并CSS 外边距CSS 定位概述外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。外边距合并外边距合并（叠加）是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地... 阅读全文>>

CSS 定位 (Positioning)CSS 外边距合并CSS 相对定位CSS 定位 (Positioning) 属性允许你对元素进行定位。CSS 定位和浮动CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需... 阅读全文>>

CSS 元素选择器CSS 浮动CSS 选择器分组CSS 元素选择器最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身：html {col... 阅读全文>>

CSS 分组CSS 元素选择器CSS 类选择器详解选择器分组假设希望 h2 元素和段落都有灰色。为达到这个目的，最容易的做法是使用以下声明：h2, p {color:gray;}将 h2 和 p 选择器放在规则左边，然后用逗号分隔，就定义了一个规则。其右边的样式（color:gr... 阅读全文>>

CSS 类选择器详解CSS 选择器分组CSS ID 选择器详解类选择器允许以一种独立于文档元素的方式来指定样式。CSS 类选择器类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用。提示：只有适当地标记文档后，才能使用这些选择器，所以使... 阅读全文>>

CSS ID 选择器详解CSS 类选择器详解CSS 属性选择器详解ID 选择器允许以一种独立于文档元素的方式来指定样式。CSS ID 选择器在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别。语法首先，ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。请看下面的规... 阅读全文>>

CSS 属性选择器详解CSS ID 选择器详解CSS 后代选择器CSS 2 引入了属性选择器。属性选择器可以根据元素的属性及属性值来选择元素。简单属性选择如果希望选择有某个属性的元素，而不论属性值是什么，可以使用简单属性选择器。例子 1如果您希望把包含标题（title）的所有元素... 阅读全文>>

CSS 伪类 (Pseudo-classes)CSS 相邻兄弟选择器CSS 伪元素CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪类 (Pseudo-classes)实例：超链接本例演示如何向文档中的超链接添加不同的颜色。超链接 2本例演示如何向超链接添加其他样式。超链接 ... 阅读全文>>

CSS 后代选择器CSS 属性选择器详解CSS 子元素选择器后代选择器（descendant selector）又称为包含选择器。后代选择器可以选择作为某元素后代的元素。根据上下文选择元素我们可以定义后代选择器来创建一些规则，使这些规则在某些文档结构中起作用，而在另外一些结构中不... 阅读全文>>

CSS 子元素选择器CSS 后代选择器CSS 相邻兄弟选择器与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。选择子元素如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child sele... 阅读全文>>

CSS 相邻兄弟选择器CSS 子元素选择器CSS 伪类相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。选择相邻兄弟如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjac... 阅读全文>>

CSS 分类 (Classification)CSS 尺寸CSS 导航栏CSS 分类属性允许你规定如何以及在何处显示元素。CSS分类(Classification)实例：如何把元素显示为内联元素本例演示如何把元素显示为内联元素。如何把元素显示为块级元素本例演示如何把元素显示为块级... 阅读全文>>

CSS 伪元素 (Pseudo-elements)CSS 伪类CSS 对齐CSS 伪元素用于向某些选择器设置特殊效果。语法伪元素的语法：selector:pseudo-element {property:value;}CSS 类也可以与伪元素配合使用：selector.class... 阅读全文>>

CSS 水平对齐CSS 伪元素CSS 尺寸在 CSS 中，可以使用多种属性来水平对齐元素。对齐块元素块元素指的是占据全部可用宽度的元素，并且在其前后都会换行。块元素的例子：<h1><p><div>对于文本对齐，请参见 CSS 文本一章。在本教程... 阅读全文>>

CSS 导航条CSS 分类CSS 图片库演示：导航栏HomeNewsArticlesForumContactAbout导航栏拥有易用的导航条对于任何网站都很重要。通过 CSS，您能够把乏味的 HTML 菜单转换为漂亮的导航栏。导航栏 = 链接列表导航栏需要标准的 HTML 作为基... 阅读全文>>

CSS 图片库CSS 导航栏CSS 图片透明CSS 可用来创建图片库。演示：CSS 图片库 在此处添加对图像的描述 在此处添加对图像的描述 在此处添加对图像的描述 在此处添加对图像的描述图片库下面的图片库是由 CSS 创建的... 阅读全文>>

CSS 图像透明度CSS 图片库CSS 媒介类型通过 CSS 创建透明图像是很容易的。注释：CSS opacity 属性是 W3C CSS 推荐标准的一部分。亲自试一试 - 实例创建透明图像 - Hover 效果在本例中，当用户将鼠标指针移动到图片上时，会改变图片的透明度。创建文... 阅读全文>>

CSS2 媒介类型CSS 图片透明CSS 注意事项媒介类型(Media Types)允许你定义以何种媒介来提交文档。文档可以被显示在显示器、纸媒介或者听觉浏览器等等。媒介类型某些 CSS 属性仅仅被设计为针对某些媒介。比方说 "voice-family" 属性... 阅读全文>>

你已经学习了 CSS，下一步学习什么呢？CSS 注意事项CSS 实例CSS 概要本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框，并定义元素的填充和边距。同时，你也学会了如何定位元素、控制元素的可见... 阅读全文>>