2015/12/3

本文介绍了前端开发中的一些实用技巧和注意事项,包括如何处理雪碧图的背景偏移、使用address标签进行版权说明、解决IE8兼容性问题的方法、检查不同IE版本下的页面效果、强制浏览器重新加载CSS文件、正确使用@import引入CSS、Gmail中HTML邮件的样式应用、表格元素的ID定位以及cite标签的应用场景。

1.雪碧图里的图片设置成背景图后,不能像普通图片那样设置x/y偏移量,这时可以通过改变该图片在雪碧图上的位置(在上下左右留出需要的空白区域)

2.address标签可以用来表示提供该网页作者的联系信息或版权说明

3.IE8有时候会因为开启兼容性视图或者兼容性列表视图,会进入“怪异模式”。使用<meta http-equiv="X-UA-Compatible" content="IE=edge" />(放在title底下),IE8会忽略以上两种视图,恢复IE8正常显示的样子

4.Browsershots,可以用来查看编写的网页在IE各个版本里的效果

5.使用外部的css时,用ctrl+F5(IE)/ctrl+R(Crome)/ctrl+shift+R(Firefox)可以重新加载所有的链接文件,避免高速缓存带来的问题

6.在style标签里使用@import链接外部css时,若要添加css规则,要把@import写在css规则之前,因为web浏览器会忽略css规则之后引入的任何样式

7.行内样式是唯一让css在Gmail生效的唯一方式,所以创建html版的电子邮件消息时要用行内样式

8.ID常用来定位表格元素如文本框等

9.cite标签引用书的标题、新闻报道或网站

转载于:https://www.cnblogs.com/chenft/p/5018089.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值