15个CSS常识 注意一下吧

在网页设计领域，有一些基本原则和建议需要被遵循以实现更好的性能和用户体验。下面列出了一些关键建议：

1. 避免使用过小的图片作为背景平铺。使用仅为1px的图片进行平铺是一个不好的实践。想象一下，用一张1px宽高的图片去填充一个200px的区域，需要重复4万次，这无疑会占用大量资源。

2. 边框设置要得当。推荐使用“border:none;”来消除不必要的边框效果。虽然“border:0;”看似能消除边框，但实际上它仍然会让浏览器边框的样式和颜色，这同样会消耗资源。

3. 谨慎使用通配符“”。通配符会一次性初始化所有的CSS标签，无论新旧，这会导致大量资源的占用。我们应该有选择性地初始化需要的标签。

4. CSS的十六进制颜色代码缩写有其两面性。虽然缩写能减少所占用的资源，但同时会增加文件体积。其优劣需要根据具体情况仔细考量。

5. 样式和脚本的放置位置也很重要。样式表应放在头部，而脚本尽量放在页面底部，避免内嵌，只进行外部链接。

6. 避免使用CSS表达式，这是坚决的建议。

7. 使用引用样式表而不是通过@import导入，这样可以提高加载效率。

8. 在图像格式选择上，PNG通常比GIF更小，更有效率。GIF格式有很多颜色是被浪费的，值得进行优化。

9. 千万不要在HTML中直接缩放图片，这不仅影响视觉效果，还会占用更多资源。

10. 正文字体大小推荐使用偶数，如12px、14px、16px等，视觉效果较好。其中，15px是一个特别的例外。

11. 对于block、ul、ol等元素，上下应至少保留一倍的行距，左右尤其是左侧至少要保留两倍的行距。

12. 段落之间，至少应有一倍的行距来增强可读性。

13. 对于元素的line-height，需要强制指定。正文的line-height应该是文字大小的1.6倍，而标题则是1.3倍。

14. 中文标点推荐使用全角。当英文夹杂在中文中时，左右空格应使用半角。

15. 对于中文字体的粗体和斜体，应适度使用，以提供更好的阅读体验并节约资源。这些建议都是在长期实践中积累的经验，遵循这些原则可以帮助我们创建更高效、更美观的网页。这些只是一些基础建议，实际操作中还需要根据具体情况进行调整和优化。