CSS中DIV里方框填充颜色,里面的字为什么不会跟着下来

html-css018

CSS中DIV里方框填充颜色,里面的字为什么不会跟着下来,第1张

CSS中DIV里方框填充颜色,只是相当于给这个div添加一个背景,而背景的层是比在div中字的层要低,因而就是在文字的下面,不会将文字挤下来,这里我提交代码:

<html>

<head>

<title>文字测试</title>

<style>

#test{

width:303px

height:200px

background:#f00

}

</style>

</head>

<body>

<div id='test'>

<p>我是不会掉下来的</p>

</div>

</body>

</html>

不对。在css中会为不同的边框指定不同的填充,所以在css中不会为不同的边框指定不同的填充该句话是不对的。CSS,层叠样式表,也叫做风格样式表,通过CSS用户可以为页面添加一个美丽的外观,获得更加良好的用户体验。

一个方框有四条边嘛,上右下左,就这么简单;

具体一点:

《填充》的上右下左分别代表方框的边到方框里面的内容的距离,俗称"内边距";

而《边界》的上右下左分别代表这个方框距离别的方框四周的距离,俗称"外边距";

给个图你看,就什么都明白了:

其中,“边框“框住的区域为方框,蓝色的为内容。理解一下上面的意思