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;} /* 激活时,点击的一瞬间的样式 */