在 CSS 中，经常会看到一些属性值以一个横线（"-"）开头。这个横线在 CSS 中表示了一些特殊的含义。具体来说，这个横线被称为“破折号”，它既可以作为属性名的一部分，也可以作为属性值的一部分。
举个例子，假设我们要设置一个元素的背景颜色和图片。如果我们想将背景颜色设置成红色，背景图片设置成一张名为 "bg.png" 的图片，那么对应的 CSS 代码如下：
background-color: red; background-image: url(bg.png);
其中，"background-color" 和 "background-image" 都是属性名，而它们之间的 "-" 就是用来将它们连接成一个完整的属性名。同样的道理，"url(bg.png)" 中的括号和引号也是将属性值包裹起来的符号。
破折号的另一个常见用法是在一些 CSS 框架中。在这些框架中，经常会用破折号来代表一个组合类名或一个状态类名。举个例子，Bootstrap 中的 "btn-danger" 类和 "sr-only" 类就是采用了这种命名方式。
需要注意的是，CSS 中的破折号并不允许出现在属性名或属性值的开头或结尾。也就是说，像 "-webkit-border-radius" 或者 "font-family: 'Helvetica Neue',sans-serif;" 这样的写法是合法的，但是像 "font- -family" 或者 "font-family:" 这样的写法就是不合法的。
