主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。

使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。

css 位置

例如给html的某个标签加样式，直接在 标签内写样式。例如给span标签加样式。

<style type="text/css">
span{
color:red;
}
</style>

嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。如右边编辑器中的代码。

外部css样式，单独写在一个文件中

在内（不是在代码的前面（实际开发中也是这么写的）。感兴趣的小伙伴可以试一下，把它们调换顺序，再看他们的优先级是否变化。 例如如下的写法将导致外部优先：

<style type="text/css">

    span{
       color:red;
    }
</style>
<link href="style.css" rel="stylesheet" type="text/css">

但注意上面所总结的优先级是有一个前提：内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下，什么是权值呢？

  1. 内联样式表的权值最高 1000

  2. ID 选择器的权值为 100

  3. Class 类选择器的权值为 10

  4. HTML 标签选择器的权值为 1

CSS 优先级法则：

A 选择器都有一个权值，权值越大越优先

B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置

C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式

D 继承的CSS 样式不如后来指定的CSS 样式

E 在同一组属性设置中标有“!important”规则的优先级最大

这是规定好的,自然不能打破

注释

用/注释语句/

results matching ""

    No results matching ""