随笔分类 -  CSS

CSS
高质量CSS编写规范
摘要：①id和class的命名在保持语义性的同时尽可能的短.不推荐的写法：#navigation {} .atr {}推荐的写法： #nav {} .author {}可以缩写单词，但缩写后务必能让人明白其含义。比如author缩写成atr就非常费解。②属性书写顺序,首先定义显示属性推荐的写法：.selector{float:left;width:300px;height:200px; font-size:14px;color:#f36;}不推荐的写法：.selector{font-size:14px; color:#f36; float:left; width:300px; height:200p 阅读全文
posted @ 2013-11-02 11:19 iRavior 阅读(196) 评论(0) 推荐(0)
CSS Hack
摘要：说到浏览器兼容性问题，就必须说CSS Hack！ 在CSS中，Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法。说的更直白一些就是，你平时做个页面，布局正确，CSS正确，可就是在不同的浏览器中显示的效果不一样，要么错位，要么多几个像素，怎么都找不到原因，这时候我们就会用一些技巧方法来让不同的浏览器显示一样的效果，这种方法我们就称之为CSS Hack。 CSS Hack是通过不同的标记来区分不同的浏览器。①!important作用：用来解决一些在IE6上显示的效果与IE7/IE8/IE9/FireFox上的效果不一样的情况。比如有下面的一段代码：#content{ ... 阅读全文
posted @ 2013-11-02 11:18 iRavior 阅读(163) 评论(0) 推荐(0)
如何实现一个DIV垂直居中
摘要：实现一个DIV垂直居中是前端面试中常见的考题，可以用css实现，当然也可以用js实现，下面贴出如何用css实现并解释其中原理。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv 阅读全文
posted @ 2012-11-29 12:09 iRavior 阅读(287) 评论(0) 推荐(0)