CSS 是一种以连字符分隔的语法语言,这意味着在编写 HTML 属性时我们可以使用连字符 (-)。
例子:
font-size, line-height, background-color, etc...
首选连字符 (-) 有多种原因:
- 在 CSS 中,可以使用下划线 (_) 代替连字符 (-) 作为 CSS 选择器(class, id, span, …),但优先考虑的是它的易用性。
- 下划线需要按 Shift 键,因此更难输入。另一方面,CSS 已经使用连字符或破折号作为其官方代码的一部分,因此使用连字符比使用下划线更方便。
- 除了使用破折号,我们也可以使用驼峰式大小写来书写,但使用它有问题,它更难阅读,单词之间的空格使它们更易于阅读。
- 使用破折号还有一个好处,它使代码更具可读性。
例子:
Why are dashes preferred
for CSS selectors / HTML
attributes ?
This is sample text for the class
name containing a hyphen.
This is sample text for the class
name not containing a hyphen.
This is sample text for the class
name containing an underscore.
输出:
从上面的代码中,很明显,使用破折号是一种更合适的编写程序的方式,而不是使用驼峰式大小写或下划线,因此,由于这一事实,破折号是 CSS 选择器/HTML 属性的首选。