CSS（简介、基础选择器）

一、CSS简介

1.1CSS是层叠样式表的简称。是一种标记语言

1.2 作用：设置HTML页面中的文本样式、图片的外形以及版面的布局和外观显示样式

1.3语法规范

CSS规则有两个主要的部分构成：选择器以及一条或多条声明

1.选择器是用于指定CSS样式的HTML标签，花括号內是对该对象设置的具体样式

2.属性和属性值是以键值对出现的

1.4CSS代码风格

1.样式格式书写 展开式风格

2.样式大小写风格  一般为小写

3.样式空格风格 

二、基础选择器

2.1选择器的作用：选择标签用的

2.2选择器分类

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

2.复合选择器

2.3标签选择器

作用：将某一类标签全部选出

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

缺点：不能设置差异化样式

标签名 {

    属性1： 属性值1；

    ...

}

2.4类选择器

作用：选择一个或多个标签进行差异化

.类名 {

    属性1： 属性值1；

    ...

}

注意：1.类选择器使用"."进行标识，后面紧跟类名(自定义)

  2.长名称或词组可以使用中横线来为选择器命名，不能使用标签名

多类名：

1.使用方式： 在标签class属性中写多个类名，并且用空格分开

2.使用场景：可以把共同的部分放到一个类里面，节省CSS代码 方便修改

2.5id选择器

样式#定义，结构id调用，只能调用一次，别人切勿使用

#id名 {

    属性1： 属性值1；

    ...

}

区别：1.类选择器好比人的名字，一个人可以有多个名字，同一个名字也可以被多个人使用      

              id选择器好比身份证号

          2.类选择器在修改样式中使用的最多

             id选择器一般用于页面唯一性的元素上

2.6通配符选择器

通配符使用”*“定义，它表示选取页面中的所有标签

* {

    属性1： 属性值1；

    ...

}