在CSS中,类名是一种很常见的用法,通常以一个“.”(点号)作为标识符的前缀,例如:
.classOne { color: blue; }
使用类名来设置一组元素的共同样式非常方便。我们可以将多个元素的类名设置为相同的值,然后定义一个样式规则,以设置这些元素的共同样式。例如:
.btn { background-color: red; color: white; font-size: 14px; }
上面的代码将设置所有类名为“btn”的元素的背景色为红色,字体颜色为白色,字号为14像素。这在网站布局中非常有用,可以轻松地将一组元素设置为同一种风格。
类名不一定要以“.”作为前缀,有些人喜欢以“-”作为前缀,例如:
-classOne { color: blue; }
尽管这种写法比较少见,但也是合法的,只要在定义样式规则时使用正确的前缀即可。
总之,使用类名可以方便地对一组元素进行样式设置,可以使得页面布局更加清晰简洁,让网站更加美观。