[分享]css句子开头空两格

在写CSS样式表时，我们经常注意到一些奇怪的规则——句子开头的空格必须为两个空格。这条规则看起来很奇怪，但其实它有自己的历史背景和原因。在互联网早期的时候，CSS标准并没有固定句子开头是否需要空两格的...

在写CSS样式表时，我们经常注意到一些奇怪的规则——句子开头的空格必须为两个空格。这条规则看起来很奇怪，但其实它有自己的历史背景和原因。
在互联网早期的时候，CSS标准并没有固定句子开头是否需要空两格的规则。很多开发者也不太关心这个问题，使用自己习惯的方式编写CSS代码。
然而，这种编写方式很快面临了一个问题：不同的编辑器和浏览器对空格的解释不尽相同。有些编辑器或浏览器默认将一个空格解释为一个缩进宽度，而有些则将其解释为两个缩进宽度。这就导致了在不同的浏览器或编辑器中，CSS代码的缩进显示样式可能不尽相同，造成了诸多麻烦。
为了解决这个问题，W3C于2008年发布了CSS的标准规范，其中明确规定句子开头必须空两格。这个规范的出现让CSS的编写更加规范化，也使不同浏览器或编辑器的解释结果更加一致。
那么，该如何实现CSS句子开头空两格呢？我们可以使用第一个pre标签来直接预先处理CSS代码，让代码进行留白。代码如下：

p {
    text-indent: 2em;
} 

在这个代码片段中，我们使用HTML实体( )来插入两个空格，然后通过CSS的text-indent属性实现两个空格的设置。这种写法在使用时非常方便，也可以很好地解决句子开头空格的问题。
总之，CSS句子开头空两格是一个看起来奇怪但实际很有用的规则。多多注意这个规则，可以减少因代码样式不一致而带来的浏览器兼容问题，提高开发效率。