css基本选择器有哪些?

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成,形式如下: [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

推荐:css手册

css基本选择器:

1、css类选择器

2、css标签选择器

3、cssID选择器

4、css的通配符

css基本选择器介绍:

1、标签选择器:选择器的名字代表html页面上的标签

标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。

示例:

<style type="text/css">
p{
    font-size:14px;
}</style>
<body>
<p>css</p>
</body>

2、ID选择器:规定用#来定义(名字自定义)

针对某一个特定的标签来使用,只能使用一次。css中的ID选择器以”#”来定义。

举例:

<head>
<title>Document</title>
<style type="text/css">
#mytitle
{
    border:3px dashed green;
}
</style>
</head>

然后我们在别处使用id来引用它:

<body>
<h2 id="mytitle">你好</h2>
</body>

id选择器的选择符是“#”。

3、类选择器:规定用圆点.来定义

、针对你想要的所有标签使用。优点:灵活。

css中用.来表示类。举例如下:

<style type="text/css">
.oneclass/*定义类选择器*/{
    width:800px;
}
</style>
</head>

然后我们在别处使用class来引用它:

<body>
<h2 class="oneclass">你好</h2>
</body>

4、通配符*:匹配任何标签

通用选择器,将匹配任何标签。不建议使用,IE有些版本不支持,大网站增加客户端负担。

效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器。

举例:

<style type="text/css">
*/*定义通用选择器*,希望所有标签的上边距和左边距都为0*/{
    margin-left:0px;
    margin-top:0px;
}
</style>

以上就是css基本选择器有哪些?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读