css的盒子

盒子模型

标准盒模型    w3c标准盒

盒子大小=width+padding(内边距)+border(外边距)   padding:值   四周的内边距一样   padding:10px 20px;值一是上下内边距  值2是左右内边距

padding:10px 20px 30px  值1是上内边距  值2是左右内边距  值3是下内边距

padding:10px 20px 30px 40px   值1是上内边距  值2是有内边距  值3是下内边距  值4是左内边距   上右下左   顺时针方向

weidth,height   内容大小

怪异盒模型     IE盒子

盒子大小=width

width,height 盒子大小

width和heigh

只定义内容的大小，不包含边框和边距

如果内容太多，超过了width或height，那么默认情况下将忽略width或height的设置

overflow属性   (overflow-x   overflow-y)

定义内容超过width和heigth时的显示方式

scroll;使用滚动条，不论内容是否超出

auto;根据情况，如果内容超出了width，则出现横向滚动条，如果内容超过了height，则出现纵向滚动条，否则不显示滚动条

hidden;超出部分被隐藏

isible;默认值，忽略width或height

伪类

1.未访问状态  a:link{……..}

2.访问后的状态   a:visited{…….}

3.鼠标悬停状态   a:hover{……..}

4.激活状态     a:active{……..}