您使用哪种HTML5重置CSS,为什么?有没有发现涉及更多案例的案例?
我已经开始使用HTML5 Doctor's:http : //html5doctor.com/html-5-reset-stylesheet/似乎可行,但是我想知道是否还有更好的方法。
您使用哪种HTML5重置CSS,为什么?有没有发现涉及更多案例的案例?
我已经开始使用HTML5 Doctor's:http : //html5doctor.com/html-5-reset-stylesheet/似乎可行,但是我想知道是否还有更好的方法。
Answers:
实话实说:尽管kaikai降价是正确的,但您只需要将* padding&margin重置为0。
尽管很不幸,我们当中有99%的人没有资源或人力来跟上数百种浏览器的版本。因此,对于典型的网站,重置表至关重要。
html5reset :(太干扰了)
img,
object,
embed {max-width: 100%;}
和:
html {overflow-y: scroll;}
我知道它有良好的意图,但这不是重设工作表。它做出了太多的假设。
蓝图重置:(字面上为蓝图)
body {
line-height: 1.5;
background: white;
}
怎么了1.5。为什么背景是白色?(我知道这是为了校正,但仍然没有必要)
Normalize.css :(不正常)
https://github.com/necolas/normalize.css/blob/master/normalize.css
它开始于一些webkit / ie黑客,但是
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
每个标头标签都是目标。&他们不会重置身体的线条高度。
我敢肯定,以上所有方法都能很好地完成预期的工作,但可能会超出必要范围。
埃里克·迈耶(Eric Meyer)
UI
HTML5样板
以上是针对Boilerplate倾向于(过于友好)方面的职业玩家的,我敢肯定由于受欢迎程度的缘故。目前,我自定义的重置中有80%是样板。
我将逐一介绍所有这三个内容,并自己做,这不是火箭科学。
Normalize.css非常适合桌面和移动浏览器,并在许多流行的HTML模板中使用。
但是,如何使用CSS all
属性重置CSS属性(direction
和除外)unicode-bidi
呢?这样,您就无需包含任何其他文件:
{
all: unset
}
Blueprint CSS框架使用的reset.css效果很好,并且包含HTML5元素。它包含在他们的screen.css文件中。
蓝图是快速建立新网站原型的有用资源,其源代码组织良好,值得学习。
* {
margin: 0;
padding: 0;
}
简单但完全有效。也许抛出一个:
body {
font-size: small;
}
很好的措施。
display: inline
。
display: inline
。您是否曾见过一个站点图,其中页眉,页脚,导航,侧栏,实际上每个页面节都是内联的?抱歉,kaikai,但这是不可接受的!
*
我听说唯一的缺点可能是选择器很慢。
我使用Normalize或HTML5 Doctor中的重置,并对其进行更改以适合我正在处理的项目。
顺便说一句,使用复位的概念或多或少已成为标准。