css基础使用方法

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

CSS是为HTML提供显示效果的，但是我们必须在HTML里引入CSS，它才会起作用。

有三种方式：

1.内联属性；

2.写在style标签里；

3.用link标签引用外部标签；

代码的结构：

p{

    color: red;

    background: #fff;

}

p:选择器；color：属性；red：值，

选择器分为：

1.元素选择器；

2.id选择器；

3.类选择器；

除了英文单词 red，我们还可以使用十六进制的颜色值 #ff0000

如果值为若干单词（记住，不是字母！），则要给值加引号，

如果值为若干单词，则要给值加引号，

选择期的分组：

h1,h2,h3{

     color: yellow;

}(这样所有标题都是黄色)

CSS的样式覆盖，在选择器相同的情况下，按照我们之前讲的引入CSS的方式分：

1.内联属性；

2.写在style标签里；

3.外部连接；

以上三种方式引入的css，优先级依次提高。 也就是“内联属性”里的会覆盖上面两种，“写在style标签里”的会覆盖写在外部文件里，用“外部链接”引进来的。

如果在同一个级别里，几乎只有一个规则，后写的覆盖先写的。

 

 

CSS的样式覆盖，在选择器不同的情况下，我给每种选择器制定一个权值，计算命中一个元素的所有选择器的总权值，值高者获胜：

1.元素选择器： 1

2.类选择起器： 10

3.ID选择器： 100

4.内联选择器： 1000