随笔分类 - Css

简单的导航栏实现

摘要：为了seo优化，导航栏最好标签语义化。最符合语义的莫过于ul，li。在采用多级标签时，可采用控制二级标签ul位置的方式来进行显隐。效果如下：http://jsfiddle.net/tcyangli/mb5yL4uk/具体的html代码： .dropdown,ul{margin: 0;p... 阅读全文

posted @ 2014-11-12 14:59 royalrover 阅读(221) 评论(0) 推荐(0) 编辑

居中详解

摘要：讲解1，单行文本的居中：单行文本框居中 .center{width:300px;height:300px;line-height:300px;}2, 多行文本的居中： 1）多行文本框居中。。。。。。。 .c1{width:300px;height:300px; disp... 阅读全文

posted @ 2014-11-12 14:17 royalrover 阅读(353) 评论(0) 推荐(0) 编辑

js实现css3的过渡，需要注意的一点（浏览器优化）

摘要：大部分浏览器对元素几何改变时候的重排做了优化。据说是这样子，一定时间内本应多次重排的改变，浏览器会hold住，仅一次重排。其中如果使用分离的一步处理过程，例如计时器，依然多次重排。例如，当我们应用transition动画的时候，希望从0px变化到100px. 你如果如下代码：dom.style.le... 阅读全文

posted @ 2014-11-12 14:13 royalrover 阅读(751) 评论(0) 推荐(0) 编辑

reflow和repaint（摘录自张鑫旭的翻译）

摘要：//正文开始关于回流(reflows)与重绘(repaints)，我已经在twitter和delicious上发布，但是并没有在演讲中提到或是以文章形式发布。第一次让我开始思考关于回流(reflows)与重绘(repaints)的问题是在和ParisWeb上的Mr. Glazman做一个firey交... 阅读全文

posted @ 2014-11-12 14:11 royalrover 阅读(1465) 评论(1) 推荐(0) 编辑

负margin的原理以及应用

摘要：margin值与可视化盒模型的宽（高）度之间的关系阅读全文

posted @ 2014-11-12 14:07 royalrover 阅读(1105) 评论(0) 推荐(0) 编辑