CSS教程（四）--样式选择器_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

CSS教程（四）--样式选择器

作者：闵涛文章来源：闵涛的学习笔记点击数：877 更新时间：2009/4/23 13:47:31

样式选择器可以用来套用在个别的属性标记上

类选择器（Class Selector）

定义类选择器，可让不同的标记套用相同的样式性质。其定义格式如下：

.类名 { 定义规则1；定义规则2； ......; }

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h3 class="blueCenter">本段文字设成蓝色并居中</h3>
<h2 class="blueCenter">本段文字设成蓝色并居中</h2>
</body>
</html>

注意 .blueCenter 前有一个点( .)

ID选择器（ID Selector）

ID选择器和类选择器的概念差不多，主要区别在于，在一个HTML文件中，ID只能出现一次。即：ID在整份文件中是只唯一的，而CLASS却可以多次套用。ID的定义如下：

#ID名称 { 定义规则1；定义规则2；......}

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h3 id="red">本段文字设成红色</h3>
<h2 id="blue">本段文字设成蓝色</h2>
</body>
</html>

上下文选择器（Contextual Selector)

上下文选择器则是按照特定的情况，另外定义一套样式规则。如下：

H1 EM (color:red}

上面的定义表示：当<EM>...</EM>标记被包在<H1>...<H1>标记之间时，则将套用 H1 EM 定义的{color:red}规则。如：

<H1>特别重要的文字，我们将以<EM>红色斜体字</EM>表示</H1>

上面的“红色斜体字”由于符合H1 EM的上下文关系，故套用红色字体样式。

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： CSS教程（五）--标记的继承属性

下一篇教程： CSS教程（三）--将样式套用到网页上

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……