码迷,mamicode.com
首页 > 其他好文 > 详细

Box模型

时间:2016-07-17 02:55:50      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:box   html   

Box模型


技术分享


div{
widtn:320px;
padding:10px;
border:5px solid gray;
margin:0;
}


对象实际宽度=左侧外边距+左侧边框+左侧内边距+宽度+右侧内边距+右侧边框+右侧外边距


CSS单位


尺寸单位

%:百分比

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


本文出自 “擎凇离雨痴木月” 博客,请务必保留此出处http://kinrey.blog.51cto.com/10492082/1826908

Box模型

标签:box   html   

原文地址:http://kinrey.blog.51cto.com/10492082/1826908

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!