为什么人们在身体元素上添加padding:0;
?我没有看到任何一点。所有浏览器都使用默认margin:8px;
而不是填充。我错过了什么吗?有什么怪癖吗?填充身体元素
Q
填充身体元素
2
A
回答
3
* {
margin: 0;
padding: 0;
}
这是“CSS Reset”理论的一部分,它有助于保持您的设计在各浏览器之间保持一致,这是一件非常好的事情。不幸的是,这不是一个好的做法。渲染代理非常沉重地将规则应用于文档中的每个元素,特别是对于大型网页,这也会破坏很多良好的默认样式,尤其是当您想要使用默认样式的提交按钮时。
+0
只使用“*”并不慢!这是极快的。使用诸如“h1 *”或“div *”之类的东西确实很慢,因为浏览器从右向左读取选择器以匹配元素。 –
1
如果body {margin:0; },所有其他符合标准的浏览器(不包括Opera)都会将项目设置到窗口的左上角。
如果body {padding:0; },只有Opera(Mac和Windows)会将项目设置到窗口的左上角。
将项目设置到窗口左上角的最佳方法是使用body {margin:0;填充:0;这将适用于所有符合标准的浏览器。
相关问题
- 1. 填充的身体元素增加值
- 2. QML填充父元素
- 3. 内联元素的填充
- 4. UL元素忽略填充
- 5. bootstrap,在元素中填充
- 6. XmlSerializer不填充子元素
- 7. 填充选择元素
- 8. 使子元素100%身体的身体元素也是100%
- 9. 正确的CSS来确保身体元素填充整个屏幕
- 10. 如何使用内部元素填充获得完整的身体宽度?
- 11. CSS:调整身体填充而不影响背景填充?
- 12. 填充媒体库中的歌曲媒体元素
- 13. 如何删除iframe身体填充
- 14. jQuery用图像填充身体
- 15. 身体背景does'nt填充整页
- 16. 设置元素填充时砌体不工作
- 17. Drupal的8 YAML窗体模块:填充选择元素
- 18. 如何填充一个新的窗体表单元素
- 19. 擦除元素,载体与结构填充
- 20. 访问和填充div元素
- 21. 使用动态html填充元素
- 22. HTML元素填充时的断点
- 23. XSLT匹配元素和填充
- 24. 如何使用forEach填充HTML元素
- 25. PHP表元素不填充在适当
- 26. 用图像填充Tkinter画布元素
- 27. 如何使元素填充表格行
- 28. 元素宽度100%和填充
- 29. li> a元素中的CSS填充
- 30. 展开一个元素以填充li
您如何知道所有浏览器都使用默认页边距:8px; ? – naota
您可能想阅读本页http://www.maxdesign.com.au/articles/body/ – naota
我读过这个,但这是从2003年。我知道在所有5个主要浏览器正文有8px页边距用户代理样式表。所以设置边距:0;将所有内容放置在左上角。无需填充以设置IMO.Even规范说,身体必须有8px的边距而不是填充。 http://www.w3.org/TR/CSS2/sample.html – Blaja