java - cssbox

<link rel="stylesheet" href="https://js.how234.com/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><script type="text/javascript"> SyntaxHighlighter.all(); </script>

java cssbox是什么，让我们一起了解一下。

CSSbox就是CSS框模型，规定了元素框处理元素内容、内边距、边框和外边距的方式。一个CSSbox一般有四个区域，分别是内容区域、内间距区域、边框区域、外边距区域。

CSSbox的四个区域分别代表了什么？

内容区域：代表盒子的实际内容部分，它是由 width 宽度和 height 高度来确定的。

内间距区域：代表盒子与实际内容之间的空白区域，由 padding 属性设置。

边框区域：代表盒子的边框，是内间距区域和外边距区域的边界，由 border属性设置。

外边距区域：代表此盒子的边框与相邻的其他盒子边框之间的距离，由 margin 属性设置。

CSSbox在java中如何操作？

让我们先写一个设置好width和height属性的div。

具体代码如下：

<style>.box {    width: 100px;    height: 200px;}</style><div class = "box"></div>

如果在上述基础上再加上内边距、边框和外边距。

<style>.box {    width: 100px;    height: 200px;    padding: 10px;    border: 5px solid blue;    margin: 20px;}</style><div class = "box"></div>

输出结果：此时去看浏览器，盒子的宽度和高度变成了130*230。