首页 > 代码库 > 盒子模型

盒子模型

一.边框
1.颜色:border-color
2.边框粗细:border-width
a.thin 细
b.medium 默认值,中,2PX
c.thick 粗
d.像素值
3.边框风格:border-style
a.none 无
b.hidden
c.dotted 点线
d.solid 实线
e.double 双线

上 右 下 左
简写:a.border-bottom:9px #216 dashed
b.border:9px #524 dashed

二.边距
1.内边距:margin
2.外边距:padding

三.标准文档流
1.组成:
a.块极元素(换行):(block level)
<h1><p><div>列表
b.内联元素(不换行):(inline)
<span><a><img/><strong>
内联元素可以包含块级标签中,成为它的子元素,而反过来则不成立。
2.display属性
a.控制元素的显示和隐藏
b.块级元素与行极转换

值 说明
block 块级元素默认值 换行符
inline 内联元素默认值 无换行符
none 设置元素不会被显示

盒子模型