盒子模型

Posted 2020-09-21 忘文

一.边框
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 设置元素不会被显示