在 CSS 中,核模型常常用于描述一個 HTML 元素的盒子模型。盒子模型代表元素所占據(jù)的空間,它由內(nèi)容區(qū)、內(nèi)邊距、邊框、和外邊距四部分組成。
下面是一個 CSS 核模型的示例:
.box { width: 200px; height: 150px; padding: 20px; border: 1px solid black; margin: 10px; }
在這個示例中,.box
元素的寬度和高度都被定義為 200 像素和 150 像素。它的內(nèi)邊距也被定義為 20 像素,所以其內(nèi)容區(qū)的實(shí)際寬度和高度都會減去 40 像素。它的邊框被定義為黑色的實(shí)線邊框,并且它的外邊距被定義為 10 像素。這些 CSS 樣式的組合會生成一個包含了內(nèi)部空間和邊框的盒子模型。
應(yīng)該注意,核模型可以應(yīng)用于<div>
、<p>
、<span>
和其他 HTML 元素。它也是 CSS 布局中一個非常基本的概念。