志在指尖
用双手敲打未来

marginheight属性(marginheight意思详解)

marginheight属性

CSS边距特点界说元素周围的空间。经过运用独自的特点,能够对上、右、下、左的外边距进行设置。也能够运用简写的外边距特点同时改动一切的外边距。——W3School
鸿沟,元素周围生成额定的空白区。“空白区”通常是指其他元素不能呈现且父元素布景可见的区域。——CSS权威指南
我比较喜爱运用“外边距”这个词来解说margin(同理padding能够称之为“内边距”,可是我又恰恰喜爱称呼padding为“补白”或者“留白”),咱们能够很清楚的了解到margin的最根本用途便是操控元素周围空间的距离,从视觉角度上达到彼此离隔的意图。
Margin的特性
margin始终是通明的。
margin经过运用独自的特点,能够对上、右、下、左的外边距进行设置。即:margin-top、margin-right、margin-bottom、margin-left。
外边距的margin-width的值类型有:auto|length|percentage
也能够运用简写的外边距特点同时改动一切的外边距:margin:toprightbottomleft;(eg:margin:10px20px30px40px)记忆方法是元素周围正上方顺时针“上右下左”记忆。
而且规范还提供了省略的数值写法,根本如下:
1、假如margin只要一个值,表明上右下左的margin同为这个值。例如:margin:10px;就等于margin:10px10px10px10px;
2、假如margin只要两个值,第一个值表明上下margin值,第二个值为左右margin的值。例如:margin:10px20px;就等于margin:10px20px10px20px;
3、假如margin有三个值,第一个值表明上margin值,第二个值表明左右margin的值,第三个值表明下margin的值。例如:margin:10px20px30px;就等于margin:10px20px30px20px;
4、假如margin有四个值,那这四个值别离对应上右下左这四个margin值。例如:margin:10px20px30px40px;
在实践应用中,个人不引荐运用三个值的margin,一是容易记错,二是不容易日后修正,一开始假如写成margin:10px20px30px;日后需求改动为上10px,右30px,下30px,左20px,你不得不仍是得把这个margin拆开为margin:10px30px30px20px;费力且不巴结,不如一开始就老老实实的写成margin:10px20px30px20px;来的真实,不要为了现在节约俩个字节而让日后再次开发的成本上升。

marginheight意思详解

HTML<frame>marginheight属性用于指定frame元素中内容的顶部和底部空白。
用法:
<framemarginheight=”pixels”>
属性值:
像素:它包含单个值像素指定框架元素中内容的顶部和底部边距。
Note:HTML5不支持此属性。CSS属性代替了此属性。
下面的示例说明了HTML中的<frame>marginheight属性:
Example:
<!DOCTYPEhtml>
<html>
<head>
<title>
HTMLframemarginheightAttribute
</title>
</head>
<framesetcols=”30%,40%,30%”>
<framename=”left”src=
“https://media.geeksforgeeks.org/wp-content/uploads/20190401113144/gfg_200X2001.png”
marginheight=”40″/>
<framename=”main”src=
“https://media.geeksforgeeks.org/wp-content/uploads/20190328185307/gfg28.png”
marginheight=”30″/>
<framename=”bottom”src=
“https://media.geeksforgeeks.org/wp-content/uploads/20190807114330/GFG115.png”
marginheight=”40″/>
</frameset>
</html>

未经允许不得转载:IT技术网站 » marginheight属性(marginheight意思详解)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

志在指尖 用双手敲打未来

登录/注册IT技术大全

热门IT技术

C#基础入门   SQL server数据库   系统SEO学习教程   WordPress小技巧   WordPress插件   脚本与源码下载