CSS基础篇(3)---基础选择器

CSS中选择器的作用?

选择器(也可以叫做选择符) 就是根据不同的需求 把不同的标签选出来 这就是选择器的作用. 简单来说就是  选择标签用的

1.选择出目标标签

2.设置这些标签的样式

选择器的分类?

选择器分为基础选择器和复合选择器两大类

基础选择器是由 单个选择器组成的

基础选择器又包括: 标签选择器.类选择器.id选择器和通配符选择器

标签选择器 (统一)

标签选择器(也叫元素选择器) 是指用HTML标签名称作为选择器,按标签名称分类.为页面中某一类标签指定统一的CSS样式

标签选择器有什么作用呢?

标签选择器可以把某一类型标签全部选择出来,比如所有的<div>标签和所有的<span>标签

优点

能快速为页面中同类型的标签统一设置样式

缺点

不能设计差异化样式,只能选择全部的当前标签

---

类选择器(差异化)  实际开发中最常用

类选择器可以实现,单独选一个或者某几个标签,从而实现差异化

 注意点:

1.长名称或词组可以使用中横线  来为选择器命名

2.不要使用纯数字,中文等命名,尽量使用英文字母来表示

3.命名要有意义 (能用英语最好 其次就是拼音  都是力求表达明确)

类命名规则(一些常见的  header content footer 等 做网页是要注意)

总结: 样式点定义, 结构类(calss)调用

多类名的使用:

一次可以添加多个属性

 多类名必须用空格隔开

多类名使用情景:

将一些标签元素相同的样式,放到一个类中 即公共类

作用: 节省了CSS代码,方便了统一修改

id选择器

id选择器可以为标有特定id的HTML元素指定特定的样式

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

 id选择器的特点:

样式 # 定义   结构id 调用 并且只能调用一次

id选择器和类选择器的区别?

1.二者最大的区别就是在于使用次数上

2.类选择器在修改样式中用的最多,id选择器一般用于页面唯一性的元素上与Js搭配使用

通配符选择器

它表示选取页面中所有的元素

 特点:

通配符选择器不需要调用

一般用于清除内外边距

选择器总结: