您的位置：首页 > Web前端 > CSS

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

2014-04-16 10:47 351 查看

CSS基本概念：

选择器｛属性：值;属性：值｝

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

CSS覆盖：

浏览器缺省设置

外部样式表

内部样式表（位于 <head> 标签内部）

内联样式（在 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是一种声明式的，更好的面向对象编程。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航