.c1 { /* c代表颜色,1代表黑色 */ color: #000000; } .f20 { /* f代表字号,20代表20px */ font-size: 20px; } .wb { /* w代表宽度,b代表边框 */ width: 100%; border: 1px solid #CCCCCC; }
在上面的代码中,大家可以看到三个不同的CSS材料代号。其中,.c1表示颜色为黑色,.f20表示字号为20px,.wb表示宽度为100%且带有1px的灰色边框。
除了上述代号之外,还有一些常见的CSS材料代号:
.dib { /* d代表display,ib代表inline-block */ display: inline-block; } .fl { /* f代表float,l代表left */ float: left; } .clearfix::after { /* clearfix代表清除浮动效果 */ content: ""; display: block; clear: both; }
通过这些代号的运用,大家可以更方便地定义样式,提高代码的可读性和可维护性。