HTML5系列代码：框模型的大小

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
注释：允许使用负值。

 <html><head><title>框模型的大小</title><style>#a {background-color:teal;width:20em;                   height:10em;padding:1em ;                    //空距的距离是1em border:1em solid navy;            //边框的宽度是1em margin:1em;                     //边距的宽度是1em }#b {background-color:teal;width:20em;height:13em;padding:3em;                     //空距的距离是3em border:1em solid navy;             //边框的宽度是1em margin:3em;                      //边距的宽度是3em }</style></head><body><div id="a">《烬余录》像是一个历尽沧桑的百岁老人所写，但是当时的张爱玲只有24岁。她对自己的自私和冷酷，有一种抽离。</div><p><div id="b">《烬余录》像是一个历尽沧桑的百岁老人所写，但是当时的张爱玲只有24岁。她对自己的自私和冷酷，有一种抽离。</div></body></html>

HTML5系列代码：框模型的大小相关推荐

HTML5系列代码：主色调红色的配色方案表
hsl() 函数使用色相.饱和度.亮度来定义颜色. HSL 即色相.饱和度.亮度(英语:Hue, Saturation, Lightness). 色相(H)是色彩的基本属性,就是平常所说的颜色名称,如 ...
HTML5系列代码：使用声明的字体名称定义字体样式
font-family name 必需的.定义字体的名称. src URL 必需的.定义该字体下载的网址(S) font-stretch normal condensed ultra-condense ...
HTML5系列代码：绘制一个圆形和矩形叠加的图形
一个画布在网页中是一个矩形框,通过元素来绘制. 注意: 默认情况下元素没有边框和内容. <!DOCTYPE HTML> <html> <head> <me ...
HTML5系列代码：绘制一个圆形脸谱
drawImage() 方法绘制一幅图像. image 所要绘制的图像. 这必须是表示 img>标记或者屏幕外图像的 Image 对象,或者是 Canvas 元素. x, y 要绘制的图像的左上 ...
HTML5系列代码：较宽松的列间距
column-gap: | normal 默认值:normal 取值: : 用长度值来定义列与列之间的间隙.不允许负值 normal: 与font-size大小相同.假设该对象的font-size为1 ...
HTML5系列代码：使用自定义图像来作为空距
white-space 属性设置如何处理元素内的空白. 这个属性声明建立布局过程中如何处理元素中的空白符.值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的. <html& ...
HTML5系列代码：个人页面
text-decoration 属性规定添加到文本的修饰. 注释:修饰的颜色由 "color" 属性设置. <!DOCTYPE html PUBLIC "-//W3 ...
HTML5系列代码：使用三种方法插入图像
drawImage() 方法在画布上绘制图像.画布或视频. drawImage() 方法也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸. <!DOCTYPE HTML> < ...
HTML5系列代码：模仿杂志的多列版式
column-span 属性规定元素应横跨多少列. font-weight 属性设置文本的粗细. 该属性用于设置显示元素的文本中所用的字体加粗. 数字值 400 相当于关键字 normal,700 ...

HTML5系列代码：框模型的大小

HTML5系列代码：框模型的大小相关推荐

最新文章

热门文章