10款浏览器CSS Reset的方法

知道CSS Reset是什么吗?通常情况下,它也被写成Reset CSS,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使 用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。

阅读全文

对于HTML5,我们应该期待什么?!

HTML 5 的历史背景

HTML 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。WHATWG表示该规范是目前正在进行的工作,仍须多年的努力。

WHATWG,这个HTML5背后的组织,用下面的话描述自己:

阅读全文

HTML5中Noreferrer更好地保证用户浏览的隐私和安全

WebKit nightlies 现在支持HTML5中“noreferrer”这个链接属性了,这是一个很小但是很酷的特征,可以让Web开发人员阻止浏览器发送访问来源信息。只要在链接里的把rel属性赋值为“noreferrer”就可以了。

如:< a href=”http://localhost” rel=”noreferrer”>noreferrer!< /a>

当接收到了由从某个网页上点击这个链接发起的HTTP请求时,HTTP请求的Referer字段将是空的,这就好像用户在IE浏览器(当然IE目前并不支持HTML5)地址栏直接从 about:blank 状态开始输入网址并访问网站一样的效果,而网站并不会知道这次访问的来源信息。

当链接中的同时使用 target=”_blank” 时,WebKit同样将会把 window.opener 属性设为空(null)。对于这个用法的解释是:一个由于点击了网页中锚点而发起的请求,之后目标页面执行的任何脚本应该运行在一个新的上下文环境中,即使这个目标页面通常被认为有着同样的源头。

“noreferrer”这个链接属性值只是HTML5 spec中定义的许多链接属性值的一个。在WebKit中,它是第一个被实现的。其实我们只是希望这样会让那些关心用户隐私和安全的Web开发人员的工作和生活轻松一些。

css if endif使用方法

不同的浏览器要求不同的样式声明,各浏览器及其各版本有不同程度的 CSS 执行的完整性。采用的是 Internet Explorer 的条件注释语法的思想,并把它内联到 CSS 声明之中。

条件 CSS 主要用于指出一个特别的 CSS 声明是不是应该用于一个特别的浏览器。当然你不希望经常这么做,但是当你需要针对一个浏览器的时候,它会非常有用。可以在U4EA支持列表里看到,大部分的浏览器都支持这种方式。

任意 CSS 声明或者块都可以添加条件声明前缀,这些前缀有3种基本类型:

[if {!} browser]
[if {!} browser version]
[if {!} condition browser version]

阅读全文

CSS Sprites 图片整合

从开始学习前端设计开始,就能看到不少网站把一些背景图片和 ICO 图标文件都整合成一个文件。刚开始还不能理解这是为什么,反而认为这样增加了设计人员的工作量。但通过一段时间的接触后,才懂得整合文件的好处。

其实在平时的电脑操作上我们都能遇到类似的情况,比如我们把几百张照片从D盘拷贝到E盘,可能需要十几分钟的时间。但如果这几百张照片事先压缩成一个文档,拷贝的速度就会快很多,而且时间也花了更少。

阅读全文