使用英文连接符分隔单词
当大家需要为CSS属性命名时,通常会按照单词的方式组合起来,这时大家可以使用英文连接符来分隔每个单词,以便更清晰明确的表达意思。
.my-class { background-color: #ffffff; font-size:12px; text-align:center; }
使用英文连接符连续值
在CSS中,一些属性允许设置多个值,例如padding、margin等属性。此时,大家可以使用英文连接符将多个值连接起来,以便更加清晰的表达多个值的逻辑关系。
.my-div { padding:10px 20px 10px 20px; margin:0 auto; border:1px solid #cccccc; }
使用英文连接符表示前缀
在CSS中,经常使用一些特殊的属性前缀来表明某些属性属于某个属性集合。例如,animation
属性集合中的所有属性,都必须使用-webkit-
和-moz-
前缀。
.my-div { -webkit-animation: my-animation 2s infinite; -moz-animation: my-animation 2s infinite; animation: my-animation 2s infinite; }
由此可见,在CSS中,英文连接符的使用是极其重要的。它可以帮助大家更好的管理CSS样式,使大家的代码更加规范、简洁和易于维护。