http://jsfiddle.net/julien_c/GmAL4/
我发现如果你应用CSS背景body,它会占用整个页面(无论实际的高度或宽度body是多少).
但是,如果应用CSS背景都html和body为背景body 不占用整个页面.
这种差异是否存在预期的行为?
如何叠加两个全屏背景(例如,背景颜色和半透明图像?)
有时我看到人们应用全局css样式html,有时我看到他们应用它们body,原始css和javascript.
这两者有什么不同吗?制作全球css风格的标准是什么?在他们之间挑选时我有什么需要知道的吗?
我设定了一种风格<html>:
html {
background: #ECECEC;
border: 1px solid #FFFFFF;
}
Run Code Online (Sandbox Code Playgroud)
如果页面内容比页面宽,为什么边框会停止,但背景会继续?
这是一个显示问题的小提琴:http://jsfiddle.net/rPGyc/3
在做了一些研究和谷歌搜索后,我找不到一个明确的答案,所以我想在这里问.
哪里最好添加font-family?到html或body元素?
编辑 我的道歉,有些人认为我的意思是内联,这不是我的意思.
让我们这样做,这是最好/首选的方式:或
html{
font-family: sans-serif;
}
Run Code Online (Sandbox Code Playgroud)
要么
body{
font-family: sans-serif;
}
Run Code Online (Sandbox Code Playgroud)
问候,
有什么区别
body{
background: #4b4b4b;
}
Run Code Online (Sandbox Code Playgroud)
和
*{
background: #4b4b4b;
}
Run Code Online (Sandbox Code Playgroud)
哪个优先级更高?
知道这可能是一个荒谬的问题,但使用*universal选择器之间的区别是什么,我知道它适用于页面上的每个元素并仅使用html?
例如:
* {
margin: 0;
padding: 0;
}
Run Code Online (Sandbox Code Playgroud)
和
html {
margin: 0;
padding: 0;
}
Run Code Online (Sandbox Code Playgroud) 我可以在以下块之一中设置全局CSS属性:
* {
}
html {
}
body {
}
Run Code Online (Sandbox Code Playgroud)
他们之间有什么区别?每个设置如何影响页面样式?
当我设置font-family或者color,我在哪里放置它?
在浏览器中查看下面的代码时,背景为白色.通用选择器*具有最低的特异性,body选择器位于通用选择器之后.它不应该是灰色的吗?
* {
background-color: white;
}
body {
background-color: grey;
}
Run Code Online (Sandbox Code Playgroud)