CSS基本知识1-CSS基本概念

时间:2024-06-25 09:04:08

CSS基本概念:

选择器{属性:;属性:

CSS继承:子元素继承父元素样式,父子关系看DOM结构。

CSS覆盖:

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

CSS优先:

A:文本从上到下,后声明的样式优先于前面出现的同一样式例:.a{background:black;}.b{background:yellow; }<div class=” b a″>dd</div>结果:所有浏览器均yellow色,注意:与class=”” 引号内的顺序无关,只看.def1和.def2在声明时的顺序,.def2后声明,所以权重高

B:id声明 > class声明 > 标签声明(即HTML固有标签,例如 div)

C: ‘!important’ 相当于无限重量

<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>

IE6不支持!important,可以使用它对IE6做Hack

通过以上我们可以观察到,CSS更象是一个可视化的面向对象编程,拥有类定义,选择,继承,覆盖,优先级别,可以说CSS是一种声明式的,更好的面向对象编程。