css中没有写单位会怎样

在CSS中，如果我们不为属性值添加单位，会发生什么呢？

/* 错误的示例 */
p{
  font-size: 14;
  margin: 20;
  padding: 10;
  border: 1;
} 

首先，我们会发现控制台会报错，提示我们缺少单位。

/* 控制台报错信息 */
Invalid property value in p declaration: Missing a unit after '14'.
Invalid property value in p declaration: Missing a unit after '20'.
Invalid property value in p declaration: Missing a unit after '10'.
Invalid property value in p declaration: Missing a unit after '1'. 

因为CSS属性值需要带上单位，而不同的属性值对应的单位也不一样，比如：

font-size: 16px; /* 像素 */
padding: 5rem; /* rem */
border: 1px solid #ccc; /* 像素以及其他样式值 */ 

由于缺少单位，浏览器无法解析CSS，样式也不能正常显示。

如果单位缺失的情况较多，可能会导致页面的布局和样式出现严重问题，因此我们在编写CSS时，务必为每个属性值添加合适的单位。

总之，CSS中的单位是非常重要的，我们应该根据需要选取合适的单位，并且尽可能避免漏写单位的错误。