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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。