34css hack reset

  1.hack只是解决兼容问题的一种手段，在实际项目过程中，应尽量减少hack的使用，根据不同的项目要求，在编码过程中最好就可以提前考虑到兼容问题。

2 认识css reset https://www.jianshu.com/p/69ba47248774

现在常用的reset书写方式：

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, 
ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
center, u, b, i { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight: normal; 
    font-style: normal; 
    font-size: 100%; 
    font-family: inherit; 
    vertical-align: baseline 
} 
body { 
    line-height: 1 
} 
:focus { 
    outline: 0 
} 
ol, ul { 
    list-style: none 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0 
} 
blockquote:before, blockquote:after, q:before, q:after { 
    content: “” 
} 
blockquote, q { 
    quotes: “” “” 
} 
input, textarea { 
    margin: 0; 
    padding: 0 
} 
hr { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    color: #000; 
    background-color: #000; 
    height: 1px 
}}

以上css reset代码载自网络，一个很全面的reset.css

4.

5.reset.css和normalize.css分别是做什么的？为什么推荐使用nomalize.css?

<li>reset.css是通过重新定义标签样式，把浏览器的默认样式覆盖掉，以便保持个浏览器渲染的一致性，相对暴力；但是reset仍有自己的优点和应用场景：
1.商业产品，建议使用CSS reset。原因就是浏览器版本迭代越来越快，对设计的还原要求较高的产品，如果浏览器版本升级而影响WEB界面发生细微变化，这是无法接受的。
2.多人协作项目，建议使用CSS reset，为了省事，高效，规范团队。
3.个人项目，比如博客、文档，完全不需要CSS reset。
<li>Normalize 相对「平和」，注重通用的方案，重置掉该重置的样式，保留有用的 user agent 样式，同时进行一些 bug 的修复。Normalize 实际上就是一段CSS代码，通过在HTML开头的引用来达到类似与reset的目的。

创造normalize.css有下面这几个目的：

1.保护有用的浏览器默认样式而不是完全去掉它们
2.一般化的样式：为大部分HTML元素提供
3.修复浏览器自身的bug并保证各浏览器的一致性
4.优化CSS可用性：用一些小技巧
5.解释代码：用注释和详细的文档

Normailze.css的优点：

1. Normalize.css 保护了有价值的默认值
   Reset通过为几乎所有的元素施加默认样式，强行使得元素有相同的视觉效果。相比之下，Normalize.css保持了许多默认的浏览器样式。这就意味着你不用再为所有公共的排版元素重新设置样式。当一个元素在不同的浏览器中有不同的默认值时，Normalize.css会力求让这些样式保持一致并尽可能与现代标准相符合。

2. Normalize.css 修复了浏览器的bug
   它修复了常见的桌面端和移动端浏览器的bug。这往往超出了Reset所能做到的范畴。关于这一点，Normalize.css修复的问题包含了HTML5元素的显示设置、预格式化文字的font-size问题、在IE9中SVG的溢出、许多出现在各浏览器和操作系统中的与表单相关的bug。

3. Normalize.css 不会让你的调试工具变的杂乱
   使用Reset最让人困扰的地方莫过于在浏览器调试工具中大段大段的继承链，如下图所示。在Normalize.css中就不会有这样的问题，因为在我们的准则中对多选择器的使用时非常谨慎的，我们仅会有目的地对目标元素设置样式。

4. Normalize.css 是模块化的
   这个项目已经被拆分为多个相关却又独立的部分，这使得你能够很容易也很清楚地知道哪些元素被设置了特定的值。因此这能让你自己选择性地移除掉某些永远不会用到部分（比如表单的一般化）。

5. Normalize.css 拥有详细的文档
   Normalize.css的代码基于详细而全面的跨浏览器研究与测试。这个文件中拥有详细的代码说明并在Github Wiki中有进一步的说明。这意味着你可以找到每一行代码具体完成了什么工作、为什么要写这句代码、浏览器之间的差异，并且你可以更容易地进行自己的测试。
   这个项目的目标是帮助人们了解浏览器默认是如何渲染元素的，同时也让人们很容易地明白如何改进浏览器渲染。

如何使用 normalize.css

首先，安装或从Github下载Normalize.css， (http://necolas.github.io/normalize.css/) 

接下来有两种主要途径去使用它。
策略一：将normalize.css
作为你自己项目的基础CSS，自定义样式值以满足设计师的需求。
策略二：引入normalize.css
源码并在此基础上构建，在必要的时候用你自己写的CSS覆盖默认值。

作者：饥人谷_丁哲敏
链接：https://www.jianshu.com/p/03759d9618d7
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处

作者：歇歇
链接：https://www.jianshu.com/p/69ba47248774
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。