1、CSS 功能margin:用于设置外边距;而padding用于设置内边距。
<table border = '1'>
<tr>
<td style='padding: 30px'>这个表格单元的每个边拥有相等的内边距。
</td>
</tr>
</table>
效果如图:
这里我们是为<td>.(单元格)设置的padding属性。那么它的内边距指的就是它与表格外边框的距离都是30px。注:(px是像素的意思)。
有的时候我们可以这样进行设置。<td style='padding: 20px 10px 3px 10px'>,此时设置的内边距则不相等。【注意:这四个内边距的值分别是上、右、下、左,要熟记哦!】
而又有的时候,我们又不需要每个边距都设置,只想设置其中一边。可以使用关键字:padding-top(上内边距)、padding-bottom(下内边距)、padding-left(左内边距)、padding-right(右内边距)。
HTML的主要功能是告诉浏览器,如何去显示一些内容
CSS主要功能是改变HTML元素的样式
JavaScript用来控制行为