css样式表

前端设计主要分为3部分，分别是html,css,javascript，html建立网页的结构，承载着网页的内容，css是网页的样式，javascript是网页内容的行为。前面我们总结了html，CSS共有5种样式，如下：

1、行内样式（也叫内联样式）

使用方法：<标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>

2.页面嵌入（内部样式表）
  在head标签里面增加一个子标签
  <style>
   选择器{
    属性名1:属性值1;
    属性名2:属性值2;
    ......
   }
  </style>
  
  
  3.外部文件（外部样式表）
  在head标签里面增加一个子标签
  <link rel="stylesheet" href="css文件的路径" />
  
  4.外部导入样式
  主要用在样式初始化。因为有一些标签有自己的样式，我们需要清空，方便自己计算

css语法：   （符号都是英文的）
  选择器{
   属性名1:属性值1;
   属性名2:属性值2;
   ......
  }

css选择器共有6种，分别是：

1、ID选择器
   使用id选择器：在元素上面增加一个id属性,id属性的属性值不用用数字开头
   一个页面中只能有一个id属性值
   css中id选择的表示方法用   “#”表示
   2、class选择器

   使用class选择器：在元素上增加一个class属性，class属性的属性值不能用数字开头
    一个页面中可以有多个class属性值
    css中class选择器的表示方法用     "."   表示

3、标签选择器：直接写标签名

4、组合选择器：选择器直接用，多个用   ，  分隔开

5、子代选择器

只针对子代，用  >  分隔开

6、后代选择器

包含着子代选择器，用空格表示

7、通用选择器

用  *  表示，通用选择器适用于所有的标签，本页面的所有标签都会应用这个样式

选择器权重

选择器是有权重的，内联样式的权重为1000，ID为100，class为10，元素为1，通用选择器为0。权重计算是每种样式中所有的选择器权重相加，权重越高，冲突部分的样式就以权重高的为主，并不是说这个选择器没有用了，而是里面冲突的样式。

boss    !important     只要出现，就以这个为主 （权重最大）