1.事前准备
(1)工具使用的是 Webstrom的最新版 和 Fireworks 8 作为切图的辅助工具。
(2)准备CSS Reset类库(normalize.css),为跨浏览器兼容做准备(也可以直接使用京东网站的初始化)
normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。
- 保护有用的浏览器默认样式而不是完全去掉它们 - 一般化的样式:为大部分HTML元素提供 - 修复浏览器自身的bug并保证各浏览器的一致性 - 优化CSS可用性:用一些小技巧 - 解释代码:用注释和详细的文档来 |
(3)获取ico图标
在每个网页上都有一个标志:
我们可以通过在其链接后加上 favicon.ico 也就是: