第6课设置元素的内外边距(视频)-小学生学JS编程-教学资料-长沙网学教育科技有限公司官网

视频课程

内边距是指元素边界与元素里面的内容区之间的距离。

取值如下：

例如：padding:10px; --上下左右内边距都为10像素

例如：padding-top:20px; ----设置顶内边距20

外边距是指元素边界与外部元素之间保持的距离。

取值：

例如： margin:10px; ----上下左右外边距都为10像素

如果想让元素居中，可以设置左右外边距为auto

想让元素右对齐，可以设置设置做外边距auto,有外边距为0px

对网页中所有的某个标记统一加样式。

标记名{样式代码}

与自定义样式的区别是前面不要加点，在标记上不用加class。

许多HTML标记默认自带了一些样式，可以通过加CSS代码重新定义。

例如：<p>、<h>、<body>等标记都有外边距。

想了解网页元素的宽度，高度，内边距，外边距，以及查看元素的CSS样式，可以使用浏览器的“审查元素”功能。

鼠标右击网页元素->“审查元素”。谷歌浏览器和火狐浏览器都有这个功能。

元素的实际宽度=左右border+左右padding+width，元素的实际高度=上下border+上下padding+height