[分享]css中属性和值用什么分隔

CSS中的属性和值是用什么符号来进行分隔的呢？在CSS中，属性和值是通过冒号来分隔的。如下所示： p { fontsize: 16px; color: 333; } 在这个例子中，fontsize和c...

CSS中的属性和值是用什么符号来进行分隔的呢？

在CSS中，属性和值是通过冒号来分隔的。如下所示：
p {
  font-size: 16px;
  color: #333;
}
在这个例子中，font-size和color是属性，16px和#333是值，它们之间都使用了冒号进行分隔。 

除此之外，CSS中还有一些其他的分隔符号。

1. 分号：在属性和值之间使用分号可以分隔出多个属性和值，如下所示：
p {
  font-size: 16px;
  color: #333;
  margin: 0;
}
在这个例子中，我们使用分号将font-size、color和margin三个属性和它们的值分隔开来。

2. 逗号：有些属性的值可以同时指定多个值，如font-family、background等。这时候我们可以使用逗号将它们隔开，如下所示：
p {
  font-family: 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
  background: linear-gradient(#f2f2f2, #fffff);
}
在这个例子中，font-family指定了三个不同的字体，而background用了一个线性渐变，逗号将它们隔开。

3. 空格：有些属性的值是由多个单词组成的，如text-transform、text-decoration等。这时候我们可以使用空格将它们隔开，如下所示：
p {
  text-transform: capitalize;
  text-decoration: underline;
}
在这个例子中，text-transform指定了将每个单词的首字母大写，而text-decoration指定了下划线的样式，空格将它们隔开。 

总之，在CSS中，属性和值是通过冒号来分隔的，多个属性和值之间使用分号隔开，某些属性的多个值之间使用逗号隔开，而属性的多个单词之间使用空格隔开。