css选择器怎么用?

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

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

在HTML网页中通过在标签中使用css选择器的名称来使用指定的选择器。

css中常用的几种选择器:

1、标签选择器:

标签名{样式1;样式2;........}

作用:会将当前网页内的所有该标签增加相同的样式

2、id选择器:

#标签的id属性值{样式值1;.......}

作用:给某个指定的标签添加指定的样式

3、类选择器:

.类选择器名{样式1........}

作用;给不同的标签添加相同的样式

4、通用选择器:

*{样式1....}

作用:选择所有的html标签。并添加相同的样式

css的使用过程:

1、声明css代码域

2、使用选择器选择要添加的样式的标签

根据需求来选择:

  • 使用*选择器给整个页面添加基础样式

  • 使用类选择器给不同的标签添加基础样式

  • 使用标签选择器给某类标签添加基础样式

  • 使用id、属性选择器、style属性声明方式给个标签添加个性化样式

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

推荐阅读