画出来的模型
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
既然您了解更多关于显示属性和箱模型,我们可以深入研究每个盒子的细节表现。
回想第一节的练习,正如你所看到的,每个盒子的层。从外层到内层的:
- margin 边距是周围的空间元素。边距越大,我们的元素和元素之间的更多的空间。我们可以调整margin 将HTML元素接近或远离对方。
- border 边框是边缘的元素。这就是我们一直可见每次我们设置边界属性。
- padding 填充的内容和边界之间的内间距。我们可以调整这个值用CSS将边境接近或远离的内容。
- content 内容是实际的“东西”在盒子里。如果我们讨论的是
< p >
元素,“东西”是文本的段落。
你会看到缩写TM、TB和TP。这些代表“顶边”、“边界”和“顶边填充”。我们会看到,我们可以调整顶部、右、左和底部填充,边框及单独边距。
说明
研究结果显示图,并初步了解padding
、border
和 margin
的属性。
在线练习
{$ activeFileHint $}