初始css（css中的选择器以及css的引入方式）

css样式规则：

1. 花括号前面是选择器，花括号里是样式。
2. 如果要控制多个样式的话，每个样式用分号隔开。
3. 一行尽量只写一个样式。
4. 最后一个样式可以不加分号，但是尽量把分号加上。
5. 注意数字1和字母l以及数字0和字母o的区分。

选择器就是要选择的作用对象。css中的选择器有标签选择器，通配选择器，类选择器，id选择器，子代选择器，后代选择器，群组选择器，伪类选择器。下面来详细介绍一下这几种选择器：

标签选择器：花括号前直接是选择器的名字（会选择到所有的同类标签中）。

通配选择器：通配选择器通常用在清除默认的maigin和padding中。通配选择器是前面是一个*和标签的名字，（能选择到所有的html元素中）

类选择器：也可以叫class选择器（相当于给标签起了一个名字)在class选择器中是.和标签中class的属性值。用这个选择器要用到标签中的class属性和属性值。下面是类选择器的命名规范

1. 不能以数字开头。
2. 尽量不要用标签名
3. 名字起的尽量有意义
4. 如果用两个及两个以上字母建议用下面的两种命名方法

class属性的命名方法：

1. 驼峰命名法（第一个单词全小写第二个单词首字母大写。如：userName
2. 划线命名法（每个单词之间用下划线或连字符隔开）。如：user-name  

id选择器:(也是给标签写名字的，id选择器要在标签后面给一个id属性和id值。id选择器是在花括号前面写一个#和id值）。起名规范和class相同。下面讲一下class和id的区别

class和id的区别：

不同点：class选择用.表示id用#表示。class在一个页面中的值是可以重复的id是唯一的。一般来说id是和js配合使用的。class可以使用词列表但id不能。

子代选择器（子代指的是元素下的第一层元素）。
例：div>p{
属性：属性值；
  }

后代选择器：格式：选择器 选择器花括号样式花括号，两个选择器之间用空格隔开。

伪类选择器：/p>

• :hover 当鼠标悬停在元素上的时候显示的样式
• :fouce 当文本框获取焦点的时候显示的样式
• :active 当鼠标按下的时候显示的样式
• :link& 链接未被激活的时候显示的样式
• :visited 链接已被激活的时候获取的样式

群组选择器（每个选择器之间用逗号隔开）

在a标签中使用伪类选择器的顺序是l——v——h——a

css的引入方式：

1. 内联式:在标签里边写（内联比较麻烦会在造成html结构的臃肿
2. 外联式：在当前项目的文件夹中建一个.css后缀的文件在这个文件中写样式，写完这个文件要引用到想用的html中。（引用方法：在head中写一个link标签。例如：<link href="文件地址">。
3. 内嵌式：在head中写一个style标签在这个标签里面选择相应的选择器为元素做改变。

转载于:https://juejin.im/post/5cc6ddc4e51d456e660d4545