CSS自适应导航菜单

CSS自适应导航菜单
本文教程旨在教你如何创建一个使用HTML5+CSS的自适应导航菜单,它不需要用到javascript,而且可以居左,居中和居右,这个菜单不是通过点击显示的,它是鼠标滑过的时候显示出来的,并且兼容各种浏览器包括手机客户端和IE浏览器。 这个小 ...

sass、less和stylus的安装使用和入门实践

sass、less和stylus的安装使用和入门实践
刚开始的时候,说实话,我很反感使用css预处理器这种新玩意的,因为其中涉及到了编程的东西,私以为很复杂,而且考虑到项目不是一天能够完成的,也很少是一个人完成的,对于这种团队的项目开发,前端实践用css预处理器来合作,是一种很痛苦,即使不痛苦 ...

css透明背景兼容方案

css透明背景兼容方案
css透明是一个技术活,因为这里面涉及到了IE8及以下版本不兼容opacity这个css3属性,而filter:alpha(opacity=80)这个值则是不兼容IE6.网上比较流行的透明css是这样子写的。 .transparent_cl ...

高级CSS选择器,CSS3选择器

高级CSS选择器,CSS3选择器
以前由于考虑到IE6等浏览器的兼容属性,常常对于高级的css选择符不感兴趣,最近开始,发现前端方面的IE6其实已经逐渐的消失了,学会用css3的高级选择器,可以起到事半功倍的效果,所以以后将会加强这方面的学习和积累一些经验,今天重温以前被人 ...

高效css选择符

关于前端性能一说,绝大多数的人都知道JS优化,DOM优化,但是你有没有考虑过CSS选择符优化?殊不知这个用来美化前端页面的东西也是一个性能的关键。而且往往我们都是背道而驰,借助前人铺垫好的道路我们来补习一下。 首 先,对于CSS的性能有一些 ...

Efficiently Rendering CSS(css)

I admittedly don’t think about this idea very often… how efficient is the CSS that we write, in terms of how ...

margin负值的应用

margin负值的应用
CSS盒模型中,margin是我们老熟悉的一个属性了, 它的负值你用过吗? 你知道margin负值的秘密武器吗?我们一起看看吧! 带竖线分隔的横向列表 传统的分隔符是使用 “|” 来实现的,弊端显而易见,不利于表现与结构的分离,同时增加了后 ...

CSS Hack代码与浏览兼容总结

关于CSS Hack的东西能少尽量少吧。发现这篇文章我写得太复杂了,所以重新精简了一下,把代码粘贴到jsfiddle上,方面修改代码和维护。 1, IE条件注释法,微软官方推荐的hack方式。 只在IE下生效 <!--[if IE]& ...

css书写顺序和常用命名推荐

写css代码的时候有一个好的规范和顺序能够帮你节省很多时间。下文将推荐相关CSS书写顺序和规范的一些方法。这个文档将会整理进前端规范文档中,如果你有更好的意见,不妨留言告知我们。

IE6兼容position:fixed的5种方法

我们知道IE6并不支持绝对定位position:fixed,只兼容固定absolute,本文讲述了几种方法,有直接使用CSS表达方式、JavaScript代码和jQuery插件等。