Learning Path
浏览 CSS 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
319
CSS white-space 属性 实例 规定段落中的文本不进行换行： [mycode3 type='css'] p { white-space:nowrap; } [/mycode3] 尝试一下 » 属性定义及使用说明 white-space属性指定元素内的空白怎样处理。 默认值： normal 继承： yes 版本： CSS1 Ja..
CSS word-spacing 属性 实例 指定段字之间的空间，应该是30像素： p { word-spacing:30px; } 尝试一下 » 属性定义及使用说明 word-spacing属性增加或减少字与字之间的空白。 注意： 负值是允许的。 默认值： normal 继承： yes 版本： CSS1 JavaScript 语法： ..
CSS :active 选择器 完整CSS选择器参考手册 实例 选择激活的链接样式： a:active { background-color:yellow; } 尝试一下 » 定义和用法 :active向活动的链接添加特殊的样式。 当你点击一个链接时它变成活动链接。 提示: :link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式, :hov..
CSS :after 选择器 完整CSS选择器参考手册 实例 每个<p>元素之后插入内容： [mycode3 type='js'] p:after { content:'- Remember this'; } [/mycode3] 尝试一下 » 定义和说明 :after 选择器向选定元素的最后子元素后面插入内容。 使用content 属..
CSS * 选择器 完整CSS选择器参考手册 实例 选择所有元素，并设置其背景色： * { background-color:yellow; } 尝试一下 » 定义和用法 * 选择器选择所有元素。 * 选择器也可以选择另一个元素内的所有元素: 实例 选择<div>元素内的所有元素： div * { background-color:..
CSS3 [attribute^=value] 选择器 完整CSS选择器参考手册 实例 设置class属性值以“test”开头的所有div元素的背景颜色： div[class^='test'] { background:#ffff00; } 尝试一下 » 定义和用法 The [attribute^=value] 选择器匹配元素属性值带指定的值开始的元素。 浏览器支持 ..
CSS3 [attribute*=value] 选择器 完整CSS选择器参考手册 实例 设置class属性值包含“test”的所有div元素的背景颜色： div[class*='test'] { background:#ffff00; } 尝试一下 » 定义和用法 [attribute*=..
CSS3 [attribute$=value] 选择器 完整CSS选择器参考手册 实例 设置class属性值以“test”结尾的所有div元素的背景颜色： div[class$='test'] { background:#ffff00; } 尝试一下 » 定义和用法 [attribute$=value] 选择器匹配元素属性值带指定的值结尾的元素。 浏览器支持 所有主..
CSS [attribute~=value] 选择器 完整CSS选择器参考手册 实例 选择标题属性包含单词“flower”的所有元素 [mycode3 type='css'] [title~=flower] { background-color:yellow; } [/mycode3] 尝试一下 » 定义和用法 [attribute~=value] 选择器用于选择属性值包含一个指定单词的元..
CSS [attribute|=value] 选择器 完整CSS选择器参考手册 实例 选择 lang 属性等于 en，或者以 en- 为开头的所有元素，并设置其样式： [mycode3 type='css'] [lang|=en] { background-color:yellow; } [/mycode3] 尝试一下 » 定义和用法 [attribute|=value] 选择器用于选择以指..
CSS [attribute=value] 选择器 完整CSS选择器参考手册 实例 选择所有使用target=“_blank”的a元素 a[target=_blank] { background-color:yellow; } 尝试一下 » <h2定义和用法 [attribute=value] 选择器用于选择指定了属性和值的元素。 浏览器支持 所有主流浏览器都支持[a..
CSS [attribute] 选择器 完整CSS选择器参考手册 实例 选择所有带有target属性的 <a>元素： a[target] { background-color:yellow; } 尝试一下 » 浏览器支持 所有主流浏览器都支持 [attribute] 选择器。 浏览器支持 所有主流浏览器都支持 [attribute]选择器。 Note: ..
CSS :before 选择器 完整CSS选择器参考手册 实例 每个 <p>元素之前插入内容： p:before { content:'Read this: '; } 尝试一下 » 定义和说明 :before 选择器向选定的元素前插入内容。 使用content 属性来指定要插入的内容。 浏览器支持 表格中的数字表示支持该属性的第一个浏览..
CSS3 :checked 选择器 完整CSS选择器参考手册 实例 为所有选中的输入元素设置高度与宽度： [mycode3 type='css'] input:checked { height: 50px; width: 50px; } [/mycode3] 尝试一下 » 定义和用法 :checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。 :checked 是 ..
CSS .class 选择器 完整CSS选择器参考手册 实例 选取并设置所有 class='intro' 的元素: [mycode3 type='css'] .intro { background-color:yellow; } [/mycode3] 尝试一下 » 定义和用法 .class 选择器用于选择具有指定类别（class）属性的 HTML 元素。 通过在 CSS..
CSS3 :disabled 选择器 完整CSS选择器参考手册 实例 设置所有type='text'的禁用的输入元素的背景颜色： input[type='text']:disabled { background:#dddddd; } 尝试一下 » 定义和用法 :disabled 选择器匹配每个禁用的的元素（主要用于表单元素）。 浏览器支持 表格中的数..
CSS element.class 选择器 完整CSS选择器参考手册 实例 选择所有 class='hometown' 的 <p> 元素，并设置背景颜色为黄色： [mycode3 type='css'] p.hometown { background-color:yellow; } [/mycode3] 尝试一下 » 定义和用法 ele..
CSS element,element 选择器 完整CSS选择器参考手册 实例 选择所有 <p> 元素和 <h1> 元素: [mycode3 type='css'] h1,p { background-color:yellow; } [/mycode3] 尝试一下 » 定义和用法 几个元素具有相同的样式，用逗号分隔每个元素的名称。..
CSS element element 选择器 完整CSS选择器参考手册 实例 选择 <div> 元素内的所有 <p> 元素: [mycode3 type='css'] div p { background-color:yellow; } [/mycode3] 尝试一下 » 定义和用法 element element 选择器用于..
CSS element>element 选择器 完整CSS选择器参考手册 实例 选择所有父级是 <div> 元素的 <p> 元素： div>p { background-color:yellow; } 尝试一下 » 定义和用法 element>element 选择器用于选择特定父元素。 注意..
CSS element+element 选择器 完整CSS选择器参考手册 实例 选择所有紧接着 <div> 元素之后的第一个 <p> 元素: [mycode3 type='css'] div+p { background-color:yellow; } [/mycode3] 尝试一下 » 定义和用法 element+element ..
CSS element 选择器 完整CSS选择器参考手册 实例 选择所有<p> 元素 : [mycode3 type='css'] p { background-color:yellow; } [/mycode3] 尝试一下 » 定义和用法 The element 选择器选择指定元素名称的所有元素。 Browser Support 所有主流浏览器都支持e..
CSS3 :empty 选择器 完整CSS选择器参考手册 实例 指定空的p元素的背景色： [mycode3 type='css'] p:empty { background:#ff0000; } [/mycode3] 尝试一下 » 定义和用法 :empty选择器选择每个没有任何子级的元素（包括文本节点）。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 选择..
CSS3 :enabled 选择器 完整CSS选择器参考手册 实例 设置所有type='text'的启用的输入元素的背景颜色： input[type='text']:enabled { background:#ffff00; } 尝试一下 » 定义和用法 :enabled 选择器匹配每个启用的的元素（主要用于表单元素）。 浏览器支持 表格中的数字表示..