标签类目:css

CSS 清除页面中多余的样式

分类:Html5/JS/CSS一、Dust-Me selectors

Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。

支持本地和远程样式文件,包括使用<link>标签、<?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件;(但是不支持页面中的<style>块和内联样式)
支持IE条件注释中引入的样式文件;
可以检查一个页面,也可以检查整个网站;
支持CSS1选择器、大部分CSS2和CSS3选择器;
理解通用的CSS hack,比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”;
支持Firefox 3.5和Firefox 3.0,事实上得益于FF 3.5的js引擎的改进,FF 3.5中的性能比FF 3.0要高50%。

下载地址:https://addons.mozilla.org/en-us/firefox/addon/dust-me-selectors/

 

二、Page Speed

Page Speed是Google提供的一个前端性能分析工具,有些类似于YSlow,但是提供了一些比较个性且很有用的工具,比如Remove unused CSS:
Page Speed和YSlow一样依赖Firebug。

下载地址:http://code.google.com/intl/zh-CN/speed/page-speed/download.html

完美实现垂直水平居中的 DIV

分类:Html5/JS/CSS  这个问题,估计很多网页设计员都会遇到过,如何在页面中建立出一个垂直水平居中的 DIV 呢?

  我在 google 搜索了一下关键字“div 垂直居中” ,约有71,900项符合的查询。但并未能找到一个正确的,符合 XHTML和CSS规范的办法。自己就琢磨了一下,其实也不难,虽然DIV不支持未明确高度的垂直居中,但这个是可以变通的。

继续阅读 »

js和css文件混合方法

在页面中你引入了越多的外部文件你的页面加载速度就会越慢。

很典型的web页面都会引入很多的js和css文件,这些都会导致资源的浪费,现在最好的办法就是指引入一份的js文件和一份css文件。毫无疑问,这可以很好的帮助你启动PLT(页面加载时间)。

但是如果您认为,两份文件仍然不够理想,那么现在我们将看到一个技巧将js和css混合成一份文件。我是在搞ms的msn live 的页面优化时发现这个小技巧的。

这个技巧依赖于ie或是ff如何去解读css和js的行为。

当css解析器遇到一个html的注释标记当js的解析器遇到这个标记时,他会将它看成是//,因此后面的所有代码都会被当作注释。

继续阅读 »


返回顶部