尺寸与框模型

标签：

1、样式单位

　　%：百分比

　　in:英寸

　　cm:厘米

　　mm:毫米

　　pt:磅（1pt等于1/72英寸）

　　px：像素（计算机屏幕上的一个点）

　　em:1em等于当前的字体尺寸，2em等于当前字体尺寸的两倍

　　rgb(x,x,x):RGB值，如rgb(255,0,0)

　　rgb(x%,x%,x%):RGB百分比，如rgb(100%,0%,0%)

　　#rrggbb:十六进制数，如#ff0000

　　#rgb:简写的十六进制数，如#f00

　　表示颜色的英语单词，如red

2、尺寸

　　width和height

　　overflow:当内容溢出元素框时如何处理

　　　　visible

　　　　hidden

　　　　scroll

　　　　auto

　　　　　　div{

　　　　　　　　width:130px;

　　　　　　　　height:50px;

　　　　　　　　border：1px solid blcak;

　　　　　　}

　　　　　　div.hidden{overflow:hidden;}

　　　　　　div.scroll{overflow:scroll;}

　　　　　　div.auto{overflow:auto;}

3、边框

　　简写方式

　　　　border:width style color;

　　单边定义

　　　　border-left/right/top/bottom:width style color;

　　border-width

　　　　border-left/right/top/bottom-width

　　border-style

　　　　border-left/right/top/bottom-style

　　border-color

　　　　border-left/right/top/bottom-color

4、

尺寸与框模型

标签：

原文地址：http://www.cnblogs.com/Crow00/p/4540333.html