首页 > 其他 > 详细

盒子模型

时间:2017-06-04 20:58:31      阅读:441      评论:0      收藏:0      [点我收藏+]

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

盒子模型

原文:http://www.cnblogs.com/pohuaiwang/p/6927483.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!