仔细学习CSS（二）

这样学习果然很浪费时间。但是我好像再也找不到其他方式可以系统过一下了。。

 

1. font

可继承的。

H1 {

  font-size: 36pt;

  font-family: serif;

  font-style: normal;/*italic*/

  font-weight: normal;/*bold*/

  font-variant: normal;

  line-height: normal;

}

 

2. margin & padding：外边距 & 内边距

就是由内而外：content->padding->border->margin。

margin:0 20px;// 上下0 左右20px

margin: 10px 20px 30px 40px;// 上、右、下、左

可以取的值：length、%（相比父节点的宽度内/外边距的长度）、auto（浏览器计算内/外边距）、inherit（从父节点继承内/外边距）（IE不支持inherit？）

 

3. links：a和它的伪类。

A:link, A:visited { text-decoration: none }

A:hover { background: cyan }