CSS基础学习一

padding的属性值（margin也是相同的）

小属性，（顺时针，上右下左）

padding-top,padding-right,padding-bottom,padding-left

如果写4个值，就是上右下左

padding: 5px 10px 20px 40px  上右下左

如果写3个值

padding: 20px 30px 40px    上  左右 下

如果写2个值

padding: 20px 40px   上下 左右

如果写1个值

padding: 20px 同时控制4个方向

盒子居中

margin: 0 auto  (auto，左右自动赋予一个相当的间距）

盒子宽高（盒模型）

一个盒子的主要元素有 widht height padding border margin

width指宽度，css中width指的是内容宽度，不是盒子宽度

height指高度，css中height指的是内容高度

真实占有宽度 = width + padding * 2 + border * 2

link的美化

a{color: red;}

a:link{color: red;}   /* 没有点击过的样式 */

a:visited{color: blue;}   /* 访问过的样式 */

a:hover{color: blue;}   /* 鼠标经过时的样式 */

a:active{color: blue;}   /* 激活时，点击的一瞬间的样式 */