/* 文本格式应该以如下形式呈现 */ selector { property: value; property: value; }
首先,应选择明晰易懂且一致的缩进 —— 首先建议使用两个空格。对于每一组选择器和属性,大家应该缩进一个级别,因此浏览器和其他程序员都可以轻松地读取你的代码。此外,可在每个属性内部放置单个空格来提高可读性。
/* 不要使用下面的样式格式 */ selector{ property:value; } /* 推荐的样式格式 */ selector { property: value; }
在选择器和属性之间,也应使用一致的空格。尽管 CSS 规范并不要求这样,但这样做确实有助于提高代码的易读性和可维护性。
当然,你可以将你的代码短写,以尽量减小文件夹大小。但是,这可能会降低代码的可读性,并在以后维护代码时产生困难。
/* 不可读的 CSS 代码样式 */ selector{prpty:vle;} /* 不过,如果你选择缩写 */ selector { prp: vle; }
总之,在编写 CSS 代码时,应保持一种干净、一致、明晰易懂的文本格式。这将有助于你更轻松地维护代码,同时也有助于其他人读取并理解你所编写的代码。