博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2016年8月21日

摘要: CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例: 超链接本例演示如何向文档中的超链接添加不同的颜色。超链接 2本例演示如何向超链接添加其他样式。超链接 - :focus 的使用本例演示如何对超链接应用 :focus 伪类(无法在 IE 中工作)。:f 阅读全文

posted @ 2016-08-21 16:15 艾特水煮鱼 阅读(225) 评论(0) 推荐(0) 编辑

摘要: 相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。 选择相邻兄弟 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。 例如,如果要增加紧接在 阅读全文

posted @ 2016-08-21 16:14 艾特水煮鱼 阅读(234) 评论(0) 推荐(0) 编辑

摘要: 后代选择器(descendant selector)又称为包含选择器。 后代选择器可以选择作为某元素后代的元素。 根据上下文选择元素 我们可以定义后代选择器来创建一些规则,使这些规则在某些文档结构中起作用,而在另外一些结构中不起作用。 举例来说,如果您希望只对 h1 元素中的 em 元素应用样式,可 阅读全文

posted @ 2016-08-21 16:11 艾特水煮鱼 阅读(207) 评论(0) 推荐(0) 编辑

摘要: 选择器分组 假设希望 h2 元素和段落都有灰色。为达到这个目的,最容易的做法是使用以下声明: 将 h2 和 p 选择器放在规则左边,然后用逗号分隔,就定义了一个规则。其右边的样式(color:gray;)将应用到这两个选择器所引用的元素。逗号告诉浏览器,规则中包含两个不同的选择器。如果没有这个逗号, 阅读全文

posted @ 2016-08-21 15:55 艾特水煮鱼 阅读(181) 评论(0) 推荐(0) 编辑

摘要: 派生选择器 通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。 在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,它们称为派生选择器,但是无论你如何称 阅读全文

posted @ 2016-08-21 15:53 艾特水煮鱼 阅读(131) 评论(0) 推荐(0) 编辑

摘要: 如何插入样式表 当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种: 外部样式表 当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。<link> 标 阅读全文

posted @ 2016-08-21 15:52 艾特水煮鱼 阅读(120) 评论(0) 推荐(0) 编辑

摘要: 对带有指定属性的 HTML 元素设置样式。 可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。 注释:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中,不支持属性选择。 属性选择器 下面的例子为带有 title 阅读全文

posted @ 2016-08-21 15:44 艾特水煮鱼 阅读(177) 评论(0) 推荐(0) 编辑

摘要: 在 CSS 中,类选择器以一个点号显示: 在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。 在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。 注意:类名的第一个字符不能使用数字!它无法在 Mozil 阅读全文

posted @ 2016-08-21 15:42 艾特水煮鱼 阅读(215) 评论(0) 推荐(0) 编辑

摘要: id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色: 下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 gr 阅读全文

posted @ 2016-08-21 15:40 艾特水煮鱼 阅读(197) 评论(0) 推荐(0) 编辑

摘要: 选择器的分组 你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 继承及其问题 根据 CSS,子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则: body { 阅读全文

posted @ 2016-08-21 15:39 艾特水煮鱼 阅读(175) 评论(0) 推荐(0) 编辑