【前端】【html/css】前端学习之路(十四)(制作京东项目心得)(完)

本文是前端学习系列的总结,详细介绍了制作京东项目的过程,包括事前准备,如Webstrom和Fireworks的使用,CSS Reset的选择,以及ico图标的获取。此外,还探讨了网站优化的三大标签:Title、Description和Keyword的设置方法。在网页布局方面,讲解了布局稳定性、宽度剩余法等实用技巧,并推荐了CSS压缩工具。
摘要由CSDN通过智能技术生成

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  也就是:

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值