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

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

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

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

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

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

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

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

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 来添加背景、格式化文本、以及格式化边框，并定义元素的填充和边距。同时，你也学会了如何定位元素、控制元素的可见... 阅读全文>>

CSS 实例CSS 总结CSS 测验提示：以下例子中的 CSS 代码均位于 HTML 的 head 部分，这样做的目的是为了利于演示例子本身。在实际的开发中，使用 CSS 最好的方式是引用外部样式表。CSS 背景实例：设置背景颜色本例演示如何为元素设置背景颜色。设置文本的背景颜色... 阅读全文>>

CSS 参考手册CSS 参考手册CSS 选择器W3School 的 CSS 参考手册定期通过所有主流浏览器进行测试。CSS 属性CSS 属性组：动画背景边框和轮廓盒（框）颜色内容分页媒体定位可伸缩框字体生成内容网格超链接行框列表外边距Marquee多列内边距分页媒体定位打印Rub... 阅读全文>>

CSS 选择器参考手册CSS 参考手册CSS 听觉参考手册我们会定期对 W3School 的 CSS 参考手册进行浏览器测试。CSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。... 阅读全文>>