css盒子长宽高

CSS盒子模型指的是网页中的所有元素都是由盒子所组成的，而盒子的大小是由其所定义的长宽高属性决定的。

.box{
  width: 200px;
 /* 宽 */
  height: 100px;
 /* 高 */
  border: 1px solid #000;
 /* 边框，包括宽度 */
  padding: 10px;
 /* 内边距，会撑开盒子 */
  margin: 20px;
 /* 外边距，不会影响盒子大小 */
}
 

在上面的代码中，我们定义了一个名为“box”的盒子，宽为200px，高为100px。我们还设置了该盒子的边框为1像素的黑色实线边框，并设置了10像素的内边距和20像素的外边距。

需要注意的是，盒子的大小并不仅仅是由其设置的宽和高所决定的，边框和内边距也会撑开盒子。例如上述代码中的盒子实际上有一个宽度为222px、高度为142px（200 + 2*1 + 2*10 + 2*20）的区域。

总的来说，CSS盒子模型中长宽高是很重要的属性，也是非常基础的知识点。正确理解盒子模型的长宽高属性可以更好地掌握网页设计与开发。