您的位置: 首页 > 建站百科 >

CSS基础知识(二)CSS选择器1

100次浏览     发布时间:2024-11-12 08:12:04    

一、CSS选择器

  1. 根据选择器类型可分为基础选择器复合选择器
  2. 基础选择器包括标签选择器类选择器id选择器通配符选择器
  3. 复合选择器包括后代选择器子选择器并集选择器伪类选择器

二、基础选择器

单个选择器组成的

(一)标签选择器

  1. 用HTML标签名称作为选择器,按标签名称分类,为某一类标签指定统一的CSS样式
  2. 作用:把某一类标签全部选出来
  3. 优点:能快速为页面中同类型的标签统一设置样式
    缺点:不能设计差异化样式,只能选择全部的当前标签

4.语法

标签名 {            	属性:属性值}例:	p {		color: red;	}

(二) 类选择器

1.可以差异化选择不同的标签,单独选一个或者几个标签

2.语法

.类名 {	属性:属性值}
  1. a.结构需要用class属性来调用,class与类名一致
    b.类名自己取(如:头:header 尾:footer 导航:nav 内容:content等)
    长名称或词组可以用中横线命名(star-sing)

    4.一个标签可以指定多类名,但多个类名之间必须用空格分开,可以节省CSS代码,统一修改很方便

(三)id选择器

1.可以为标有特定id的HTML元素指定的样式

2. 语法

#id名 {	属性:属性值}

3.HTML元素以id属性设置id选择器,CSS中id选择器以#来定义


id和类选择器的区别

a.类选择器(class)可以被多个人使用
b.id选择器是唯一的,不能重复
c.类选择器在修改样式中用的最多,id选择器一般用于页面唯一的元素上,经常和JS搭配使用

(四)通配符选择器

1.使用“ * ”定义,表示选取页面中所有元素标签
2.通配符选择器不需要调用

3.语法

* {	属性:属性值}


相关文章