CSS学习

零散的学了CSS， 做一点记录。选择器和DBOM还没完全弄明白，有待修改。

选择器

1. 基本选择器(~7)：基本选择器 复合的形式有：后代，子元素，兄弟元素(相邻兄弟，通用兄弟E~F)
2. 属性选择器(8~11)：属性选择器
3. 伪类选择器(12~)：伪类选择器 常见的比如a就有Link, visited, hover, active四个伪类

盒子模型

任一块级元素都由5个元素构成：

• margin：块的边框以外的留白部分，top->right->bottom->left.
  
  • margin(0, auto)是一种居中方法
• border：块的边框，有width, style, color 属性，当然同时也有方向上的区别，可以使用border.top.width这样的语法.
  
  • 也可以定义圆形的边框，形如border.radius = 10px;
• padding：块的边框以内的留白.
  
  • background穿过padding.

• content：块中的内容，与边框可能有间隔.

• background：块的背景，穿过padding，但无法穿过border和margin.

  • 属性多的飞起. 常用的有img, color, 位置, repeat等等.