本站教程收集整理的这篇文章主要介绍了docker手册-中文版，本站教程本站觉得挺不错的，现在分享给大家，也给大家做个参考。
【实例截图】
文件：590m.com/f/25127180-489170621-497e92（访问密码：551685）
以下内容无关：
——————————————-分割线———————————————
每个盒子都可以看成由4部分组成，它们分别是 — 元素外边距（margin）、元素边框（border）、元素内边距（padding）和元素内容（content）。
在这里插入图片描述
元素外边距（margin）@H_874_24@ vps云服务器 元素外边距（margin）用来控制元素与相邻元素之间间隔大小。
用法：
/上方对外边距12像素/@H_874_24@ margin-top: 12px;@H_874_24@ /右方对外边距24像素/@H_874_24@ margin-right: 24px;@H_874_24@ /下方对外边距6像素/@H_874_24@ margin-bottom: 6px;@H_874_24@ /左方对外边距3像素/@H_874_24@ margin-left: 3px;@H_874_24@ /上方、右方、下方、左方皆对外边距12像素/@H_874_24@ margin: 12px;@H_874_24@ /上方、下方对外边距12像素 左方、右方对外边距24像素/@H_874_24@ margin: 12px 24px;@H_874_24@ /上方对外边距12像素 右方对外边距24像素 下方对外边距6像素 左方对外边距3像素/@H_874_24@ margin: 12px 24px 6px 3px;@H_874_24@ 按照left与right对应以及top与bottom对应，自动补充缺省值
/上方对外边距12像素 右方对外边距24像素 下方对外边距6像素 左方对外边距24像素/@H_874_24@ margin: 12px 24px 6px;@H_874_24@ 水平方向相邻元素的margin值不会叠加
@H_985_64@margin-horizontal-test
效果图： 在这里插入图片描述
垂直方向相邻元素margin值会叠加，最终以两者之间最大值为准
@H_985_64@margin-vertical-test
效果图： 在这里插入图片描述
利用margin属性使块级元素水平居中
Fatman
效果图： 在这里插入图片描述
元素边框（border）@H_874_24@ 元素边框（border）位于元素外边距与元素内边距之间。
用法：
/边框样式为实线/@H_874_24@ border-style: solid;@H_874_24@ /边框宽度为12像素/@H_874_24@ border-width: 12px;@H_874_24@ /边框颜色为黑色/@H_874_24@ border-color: black;@H_874_24@ /边框角度为36像素/@H_874_24@ border-radius: 36px;@H_874_24@ /边框宽度为12像素 样式为实线 颜色为黑色/@H_874_24@ border: 12px solid black;@H_874_24@ border的属性也可以像margin一样根据上下左右设置，笔者就不再一一举例了。
利用边框颜色差设置3D按钮
效果图：@H_874_24@ 在这里插入图片描述
元素内边距（padding）@H_874_24@ 元素内边距（padding）是用来定义元素内容距离元素边框之间间隔大小。
内边距和外边距的区别在于 — 外边距位于边框外部，而内边距位于边框内部。
用法：
/上方对内边距12像素/@H_874_24@ padding-top: 12px;@H_874_24@ /右方对内边距24像素/@H_874_24@ padding-right: 24px;@H_874_24@ /下方对内边距6像素/@H_874_24@ padding-bottom: 6px;@H_874_24@ /左方对内边距3像素/@H_874_24@ padding-left: 3px;@H_874_24@ /上方、右方、下方、左方皆对内边距12像素/@H_874_24@ padding: 12px;@H_874_24@ /上方、下方对内边距12像素 左方、右方对内边距24像素/@H_874_24@ padding: 12px 24px;@H_874_24@ /上方对内边距12像素 右方对内边距24像素 下方对内边距6像素 左方对内边距3像素/@H_874_24@ padding: 12px 24px 6px 3px;@H_874_24@ padding也可以按照left与right对应以及top与bottom对应，自动补充缺省值
/上方对内边距12像素 右方对内边距24像素 下方对内边距6像素 左方对内边距24像素/@H_874_24@ padding: 12px 24px 6px;@H_874_24@ 使用padding增大元素的可点击范围
<script type="text/javascript">
let img = document.getElementById('click-img');
//点击padding处也可以触发点击事件
img.addEventListener('click',function(){
alert('click img');
})
</script>
</body>
本站总结
以上是本站教程为你收集整理的docker手册-中文版全部内容，希望文章能够帮你解决docker手册-中文版所遇到的程序开发问题。
如果觉得本站教程网站内容还不错，欢迎将本站教程推荐给好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。
