大家好,我又回来了。你想我吗
(肯定不是吧)
至于CSS为什么要改名,那是因为我们在第一季完成了我们的html课程!
(完花!
)
今天,我们当然要讨论与元素边框相关的样式。桌子上方:
Border4 border margin用于设置所有外部边距属性,padding用于设置所有内部边距属性。
p>
border,margin,padding 这些都是围绕元素的样式,我可以用 一张图 来表示他们之间的关系。
比如这里有一个红色的块元素:
接下来打开网页,点击 F12 键
跳出这样的一个会显示源代码的界面(如果不一样没关系,作者用的是chrome)点击到你的 div元素 ,仔细看右边这张图:
上面的是样式,底下的那张图就是这三者的关系。
mragin 和 padding 都可以一起定义 上下左右 各是多少,也可以分别定义。例如 margin-top、padding-left 等。
但是如果定义的值不到四个的话,会有不同的效果。
定义的值数量 | 每个值分别表示什么 | 举例 |
1个 | 上下左右是多少 | margin:9px; |
2个 | 上下、左右各是多少 | margin:9px 8px; |
3个 | 上、左右、下各是多少 | margin:9px 8px 4px; |
4个 | 上、左、下、右各是多少 | margin:9px 8px 4px auto; |
我们举个例子:如何让一段文字在一个正方形块元素中居中呢?
我们就要调整这个元素的padding-top来把文本“挤”下去。
这就是今天的全部内容,这是html中很重要的一块,所以要详细讲解。
作者:
Алексей
四五帮帮主,四五dark♂帝国元首(划掉)
喜欢HTML/CSS/JS
07年出生,福建福州人,未来的程序员
素描八级,但是还是要请美工
本来想做小程序,结果开了个公众号天天在那边写稿
wawjf
(我爱微积分)
与楼上同班同学,都是很hj的人(是的