3

这个问题是针对 CSS3 的，我一直在查看一些样板模板和指南，其中大多数在进入您想要编辑的内容之前声明了很多属性。

  • 为什么会这样？声明所有可用的属性会使浏览器加载更快还是什么？

  • 有什么好处？为什么不“按原样”使用 CSS3（就像在 HTML 部分声明正在使用的内容）？

  • 如果基础属性在后续版本中发生更改，这是否意味着您必须不断检查已弃用的属性并每隔一段时间不断声明和更改属性？

4

2 回答 2

5

HTML5Boilerplate 包含一个normalize.css版本。它不仅仅是将所有内容都重置为 0（即边距、填充等），它具有最少的更改集，以确保所有浏览器中的设置都相同。用他们自己的话来说：

“Normalize.css 是一个可定制的 CSS 文件，它使浏览器能够更一致地呈现所有元素并符合现代标准。我们研究了默认浏览器样式之间的差异，以便仅针对需要规范化的样式。”</p>

此处使用的样式示例如下：

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

这修复了旧版 IE 和 iOS 中的一些奇怪问题。这是您可能会遇到的问题，阅读负载，找到解决方案并最终自己添加。通过使用这组默认值，您可以避免很多奇怪的事情。

除了错误，它还包括你可能想要的东西：

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

在 nav 中使用 ul 是一种常见的模式，您通常不希望那里有项目符号。这为你排序。

总而言之，我建议使用您自己的自定义代码版本——它会为您省去很多烦恼！

于 2012-06-03T17:45:50.113 回答
0

此外，如果您想添加 CSS3 功能，您可以使用html5shiv或html5shim使用 javascript 将其添加到 ie5（并不是说这没有缺点） 。

还让我们检查首字母缩写词 CSS 的定义。级联样式表。您可以按回退的顺序声明样式。IE

body {
    style-1: new browsers (this renders yay!)
    style-2: semi-new browsers (don't understand style-1 I will ignore ahh style2)
    style-3: ie5(me want to crash soon or BOD you. but me not get either 1 or 2 they smart but i think i can work         on style 3)
于 2012-06-04T02:54:30.907 回答