深入了解CSS级联和继承的使用

高洛峰
Lepaskan: 2017-03-17 10:37:07
asal
1349 orang telah melayarinya

 1.在HTML中使用CSS样式表的三种方式:

(1)内联的样式表。

eg:LIN

(2)嵌入式样式表。

即在<head>标签内嵌入

这些属性与css规则相冲突时,总是被css规则覆盖。

4.在规则中使用!important

用!important 指定的规则比其他规则都重要。

eg: em { color :bule !important;}

注意:用户首创的!important规则优先于作者的规则。

        用户定义的样式表应该声明是!important。

5. @import规则,导入文件。

eg:h1 {color:red;}

     @import url(“style.css”);

    /*style.css*/

   h1{color:green;}

以上代码,最终h1为红色。因为默认使用导入的样式表出现在原始样式表规则之前。

6.继承

(1)注意display,border,marginpadding属性是不继承的。

(2)background-color不是继承,在没有设置时,它的默认值是特别值transparent。

(3)继承相对值时,在传递给子代之前,首先计算该值。

(4)指定继承:inherit特殊值

eg:p .standout{ border :1px solid blue ;}

      p .standout{ border:inhert;}

注意:css 1发行时,作者的!important样式优先于用户的!important样式。

        css2中,用户的!important样式优先于作者的!important样式。

Atas ialah kandungan terperinci 深入了解CSS级联和继承的使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan