iT氪,IT人的社区

51dev.com 技术开发者社区

如何删除多余无用的css

如何删除多余无用的css

如果你用chrome的话,控制台有个audits tab, 选择web page performance(也可以用默认),run一下就能看的以下信息: Put CSS in the document head (1) CSS in the document body adversely impacts rendering performance. Link node application.css should be moved to the document head in http://www.51dev.com Remove unused CSS ru...

Pure : 来自雅虎的纯 CSS 框架

Pure : 来自雅虎的纯 CSS 框架

Pure也是一款很出色的CSS框架,之前分享的Bootstrap是由Twitter出品的,而Pure是来自雅虎的。尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右。 Pure的特点 最大的特点就是框架基于纯CSS,无任何JavaScript代码,渲染速度比较快。 由Yahoo出品,技术上应该不存在太大问题。 框架十分小巧,压缩后仅5.7k。 组件也很丰富,包括表格、表单、按钮、表、导航等。 CSS类的标识十分简单,因此在使用Pure的过程中代码会比较友好。 Pu...

史上最全Html和CSS布局技巧

史上最全Html和CSS布局技巧

单列布局水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 .parent{text-align: center;} .child{display: inline-block;} 优点:兼容性好; 不足:需要同时设置子元素和父元素 使用margin:0 auto来实现 .child{width:200px;margin:0 ...