html基础（三）

区块
HTML元素通常被分为块级元素或内联元素：

块级元素（例如）：<p>标签、<div>标签、<h1>到<h6>标签
独占一行
可以将内联元素和块级元素放入块级元素中
可以设定宽度和高度
内联元素（例如）：<a>标签、<img>标签、<span>标签、<input>标签
内容决定标签的大小
在一行并排显示
不能设定宽度和高度

• Margin(外边距) - 清除边框外的区域，外边距是透明的。
• Border(边框) - 围绕在内边距和内容外的边框。
• Padding(内边距) - 清除内容周围的区域，内边距是透明的。
• Content(内容) - 盒子的内容，显示文本和图像

• CSS权重
  4 个等级的定义如下：
  第一等：代表内联样式，如: style=""，权值为1000。
  第二等：代表ID选择器，如：#content，权值为100。
  第三等：代表类，伪类和属性选择器，如 .content，权值为10。
  第四等：代表元素和伪元素选择器，如 h2、:before 与 :after，权值为1

• CSS样式

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

• CSS权重规则
  包含更高权重选择器的一条规则拥有更高的权重。
  ID 选择器的权重比属性选择器高。
  带有上下文关系的选择器比单纯的元素选择器权重要高。
  与元素 挨得近 的规则生效，html 中规则的比 CSS 文件的优先。
  最后定义的这条规则会覆盖上面与之冲突的规则。
  无论多少个元素组成的选择器，都没有一个class选择器权重高。
  通配符选择器也有权重，权重被认为是 0。
  8