box-sizing和box-shadow有什么区别

box-sizing和box-shadow是CSS中的两个属性，它们分别用于控制盒模型的尺寸计算和添加阴影效果。

1. box-sizing属性用于控制元素的盒模型尺寸的计算方式。默认情况下，元素的宽度和高度只包括内容区域，而不包括边框和内边距。box-sizing属性有两个常用的取值：
- content-box：默认值，元素的宽度和高度只包括内容区域。
- border-box：元素的宽度和高度包括内容区域、边框和内边距。这种方式更符合直觉，可以方便地控制元素的尺寸。

2. box-shadow属性用于向元素添加阴影效果。它可以设置阴影的颜色、模糊半径、水平和垂直偏移量等参数。box-shadow属性的语法如下：

   box-shadow: h-shadow v-shadow blur spread color inset;

- h-shadow：水平偏移量，可以为正值（向右偏移）或负值（向左偏移）。
- v-shadow：垂直偏移量，可以为正值（向下偏移）或负值（向上偏移）。
- blur：模糊半径，可选参数，用于控制阴影的模糊程度。
- spread：阴影的尺寸扩展，可选参数，用于控制阴影的大小。
- color：阴影的颜色。
- inset：可选参数，用于指定阴影是否为内阴影。