css一般采用什么模型

CSS是前端开发中不可或缺的重要技术，它可以美化网页，并为用户提供更好的视觉体验。在CSS中，盒子模型是一个非常重要的概念，它定义了元素在模型中所占用的空间。

盒子模型一般采用的是content-box模型。这种盒模型定义的是一个盒子的内容区域。具体来说，它的宽度和高度定义的是元素的内容区域的宽度和高度，不包括边框、内边距和外边距。例如：

div {
    width: 200px;
    height: 100px;
    background-color: #ccc;
    border: 1px solid #000;
    padding: 10px;
    margin: 20px;
} 

在上面的代码中，div元素的宽度和高度定义的是内容区域的宽度和高度，不包括边框、内边距和外边距。因此，实际上该元素的宽度应该是222px（200 + 2*1 + 2*10 + 2*20）。如果你想改变盒模型的类型，可以使用box-sizing属性。例如：

div {
    width: 200px;
    height: 100px;
    background-color: #ccc;
    border: 1px solid #000;
    padding: 10px;
    margin: 20px;
    box-sizing: border-box;
} 

在上面的代码中，我们把盒模型改成了border-box模型。这种盒模型定义的是一个盒子的边框区域。具体来说，它的宽度和高度定义的是元素的边框、内边距和内容区域的总宽度和高度。因此，如果你想让元素的宽度和高度指定的就是它所占用的空间，那么可以使用这种盒模型。