Fork me on GitHub

随笔分类 -  Css

内滚动布局--针对移动端
该文被密码保护。
posted @ 2015-07-17 14:45 Kingler 阅读(1) 评论(0) 推荐(0)
css布局
摘要：常用页面布局方式：浮动(float),负边距(margin);定位(positon);双飞翼布局：这里考虑浏览器解析页面时，应该让主列优先于其他列加载；首先我们用float+负边距的形式来搞实现效果（正常+小化浏览框）这种方式兼容性很强，就只有在IE6下通过_zoom:1触发haslayout而已;... 阅读全文
posted @ 2014-12-30 22:10 Kingler 阅读(209) 评论(0) 推荐(0)
CSS Reset
摘要：针对前端设计，各个浏览器都有默认样式，这样造成的差异常常搞的我们很晕，而*｛margin:0;padding:0｝范围又太广，无法满足我们的需求，项目中常常存在reset.css的样式来统一默认样式。淘宝的reset.css 1 /** 清除内外边距 **/ 2 blockquote,body,bu... 阅读全文
posted @ 2014-12-29 21:38 Kingler 阅读(192) 评论(0) 推荐(0)
关于word-break,word-wrap换行
摘要：目前项目中有一些流程日志需要动态显示到页面上，实现方法是ajax动态获取附加到标签上，然后设置word-break:break-all样式使其自动换行，word-break允许词间换行，针对长字符串，当超出外层div时换行，但是在chrome下显示正常，在IE8下就不起作用了，应用网上说的word-... 阅读全文
posted @ 2014-12-23 21:52 Kingler 阅读(487) 评论(0) 推荐(0)
CSS3高性能动画
摘要：CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recompositePaint通常是其中最花费性能的，尽可能避免使用触发paint的CSS动画属性，在CSS动画中使用webkit-transform: translateX(3em)的方案代替使用left: 3em，因为... 阅读全文
posted @ 2014-12-22 22:13 Kingler 阅读(323) 评论(0) 推荐(0)
记录浏览器兼容性问题
摘要：渐变及阴影目前项目中有一些饼图、柱状图、折线图，而这些图背景都要支持渐变，渐变为css3的线性渐变linear-gradient属性，但IE是不支持的，需要用到滤镜来实现 1 /*分垂直渐变（top/bottom）和水平渐变(left/right)*/ 2 .test 3 { 4 /*IE*/ 5 ... 阅读全文
posted @ 2014-12-20 21:10 Kingler 阅读(155) 评论(0) 推荐(0)
CSS-BFC
摘要：最近看幕课网CSS之Float，float最初是为了实现文字的环绕效果；这里面提到BFC，刚好项目中正用到一种解决BFC的方法，DIV在添加float后，就不存在文档流中啦，不占据空间，这使的一些未浮动的DIV会出现一些奇怪的布局，像塌陷，这里形成BFC的条件(符合以下任一条件即可)：1) floa... 阅读全文
posted @ 2014-10-13 22:55 Kingler 阅读(183) 评论(0) 推荐(0)