如果说前端的html入门还比较简单的话，那么从css开始就进入到比较头疼的阶段了，因为这个阶段的逻辑性不强，主要是靠项目作品去练习。不过对于我这样的新手来说，逻辑不强可能是件好事，因为可以通过实际写页面来提高。下面结合若愚的课程来看看常见的几个问题，

一、css的几个加载方式

外部样式2种，内部样式和内联样式各一种，总共四种方式。

1.外部样式--通过link引入

<link rel=""stylesheet" href="main.css">，这里就是通过link引入main.css

他是HTML的语法

2.外部样式--通过import引入

在style里面写 @import url("index.css");    后面的冒号一定要写

他是css的语法，css里面再用一个css

3.内部样式--在html的style中直接写

4 内联样式--在html正文标签中直接写

二、css的常见选择器

css常见选择器有五种，分别是

基础选择器：

* 通用元素选择器，匹配任何元素；# id选择器；.class 类选择器；element标签选择器；

组合选择器：

E,F(匹配E或者F)；E F（中间有空格，匹配E元素里面的所有后代F，不管是不是直接）；E>F（子元素选择器，匹配E的所有直接子元素）；E+F（直接相邻选择器，匹配E元素后面的F）；E~F（匹配相邻选择器，匹配E之后的同级元素F）；.class1.class2（匹配同时满足class1和class2的元素）;element#id（匹配同时满足element和id的元素）

属性选择器：

用的不多，选择满足这个属性的元素

伪类选择器：

表示一个元素的状态，最常见的就是a链接了，鼠标放上去颜色就发生变化。

伪元素选择器：

用的比较多的就是before和after