首页 > 代码库 > 仔细学习CSS(二)

仔细学习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 }

 

仔细学习CSS(二)