Xuanmo Blog

CSS 概述

• CSS 指层叠样式表 (Cascading Style Sheets)
• 样式定义如何显示 HTML 元素
• 样式通常存储在样式表中
• 外部样式表可以极大提高工作效率
• 外部样式表通常存储在 CSS 文件中
• 多个样式定义可层叠为一

css引入方式

1. 内嵌式：(写在标签里)

<div style="width: 100px; height: 100px; background: #ccc;"></div>

2. 内联式：(写在style标签里)

   
     body{ background: #000; }
   

3. 外联式：(常用)

<!--通过标签引入-->
<link rel="stylesheet" href="http://file.xuanmomo.com/iconfont.css" />

4.  导入式：(做了解)

   
   <style>
     @import url();
   </style>
   

层叠次序：浏览器默认<外联式<内联式<内嵌式

css选择器

1. id类选择器 #name
2. class类选择器 .name
3. 标签选择器
4. 混合类选择器（越详细优先级越高）

css选择器权重与优先级规则

1. 第一等：代表内联样式，如: style=””，权值为1000。
2. 第二等：代表ID选择器，如：#content，权值为100。
3. 第三等：代表类，伪类和属性选择器，如.content，权值为10。
4. 第四等：代表类型选择器和伪元素选择器，如div p，权值为1。