[分享]css不能连续输坐标是什么原因

在CSS中，我们经常需要使用坐标来定位和设置元素的位置和大小。但是，在书写CSS代码时，我们必须注意一个问题：不能串联写入坐标数值，必须分开写。/ incorrect CSS code / div {...

在CSS中，我们经常需要使用坐标来定位和设置元素的位置和大小。但是，在书写CSS代码时，我们必须注意一个问题：不能串联写入坐标数值，必须分开写。

/* incorrect CSS code */
div {
  position: absolute;
  top: 10px 20px;
  left: 30px 40px;
}

/* correct CSS code */
div {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 20px;
  height: 40px;
} 

那么，为什么CSS不能连续输入坐标呢？这是因为CSS坐标和HTML、JavaScript中的坐标语法不同。

在HTML和JavaScript中，坐标可以使用逗号分隔的方式同时输入，例如(x,y)。而在CSS中，坐标语法是单独列出，例如top:10px;left:20px。

如果我们在CSS中同时输入多个数值，浏览器就会无法理解这段代码的意义，导致样式无法正确应用。因此，为了保证CSS代码的正确性和可读性，我们必须遵循CSS语法规范，分别设置各个属性的数值。

总之，不能连续输入坐标的原因是CSS坐标语法不同于HTML和JavaScript的坐标语法，为了保证代码的正确性和可读性，我们必须遵循CSS语法规范，分别设置各个属性的数值。