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

盒子模型

时间:2017-06-04 21:26:22      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:显示   换行符   div   order   块级元素   add   默认值   evel   ott   

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

盒子模型

标签:显示   换行符   div   order   块级元素   add   默认值   evel   ott   

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

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