会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
陶淘
博客园
首页
新随笔
联系
订阅
管理
[置顶]
Tools
摘要: 1. CSS3动画帧数计算器 http://tid.tenpay.com/labs/css3_keyframes_calculator.html
阅读全文
posted @ 2015-11-26 17:39 陶淘
阅读(122)
评论(0)
推荐(0)
编辑
2015年10月15日
jquery中innerWidth(),outerWidth(),outerWidth(true)和width()的区别
摘要: var a =元素本身的宽度;width() = a;innerWidth() = a+padding;outerWidth() = a+padding+border;outerWidth(true) = a+padding+border+margin;在jQuery中,width()方法用于获得元...
阅读全文
posted @ 2015-10-15 10:32 陶淘
阅读(1359)
评论(0)
推荐(0)
编辑
2015年9月16日
网页中的foot底部定位问题
摘要: 有时候,我们会碰到这样一个问题。网页底部一般有个foot对吧,放置一些友情链接版权声明什么的,这个模块是如何定位的?要是直接放内容区域的下面的话,假如是内容区域的高度不够的话,那么foot下面是会留有很多空白的;好了,这时你会说直接相对body定位到底部,那么当内容区域的高度多的话或用户把浏览器放小...
阅读全文
posted @ 2015-09-16 18:06 陶淘
阅读(1392)
评论(0)
推荐(0)
编辑
CSS hack
摘要: 1.属性级Hack_:选择IE6及以下。连接线(中划线)(-)亦可使用,为了避免与某些带中划线的属性混淆,所以使用下划线(_)更为合适。*:选择IE7及以下。诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高\9:选择IE6+\0:选择IE8+和Opera15以下的浏览器如想同一段文字...
阅读全文
posted @ 2015-09-16 10:26 陶淘
阅读(122)
评论(0)
推荐(0)
编辑
2015年8月18日
CSS3 grayscale滤镜图片变黑白
摘要: 1. 使整个页面的图片都变成灰色的,代码如下。html{ font-size: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; filter: grayscale(100%); -webkit-filter: ...
阅读全文
posted @ 2015-08-18 14:01 陶淘
阅读(801)
评论(0)
推荐(0)
编辑
2015年7月30日
css模块化思想(一)
摘要: 什么是css模块化思想?(what)为了理解css模块化思想,我们首先了解下,什么是模块化,在百度百科上的解释是,在系统的结构中,模块是可组合、分解和更换的单元。模块化是一种 处理复杂系统分解成为更好的可管理模块的方式。它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立、互相作用的组件...
阅读全文
posted @ 2015-07-30 17:52 陶淘
阅读(594)
评论(0)
推荐(0)
编辑
2015年6月4日
bug记录:IE8,包含块min-height/height共存时的高度计算bug
摘要: 问题的条件有:A元素是B元素的包含块。A元素设置overflow:hidden;,并同时设置了height和min-height,同时height计算值 < min-height原生IE8浏览器,或者IE9浏览器的IE8兼容性模式(以下统称为IE8)期待结果:若B元素为absolute定位元素,A元...
阅读全文
posted @ 2015-06-04 14:27 陶淘
阅读(197)
评论(0)
推荐(0)
编辑
IE6支持兼容max-height、min-height CSS样式
摘要: 1、IE6支持max-height解决方法 - TOPIE6支持最大高度解决CSS代码:.yangshi{max-height:1000px;_height:expression((document.documentElement.clientHeight||document.body.clie...
阅读全文
posted @ 2015-06-04 14:26 陶淘
阅读(187)
评论(0)
推荐(0)
编辑
2015年4月29日
CSS box-flex属性,然后弹性盒子模型简介
摘要: box-flex属性(和谐版)有道桌面词典显示,”flex”一词中文有“收缩”之意。不过,从此属性实际上产生的效果来看,无论怎样用“收缩”一词解释都显得很牵强。所以,这 里,直接抛开字面意思,我们可以将”box-flex”理解为”房子-分配”。box为“盒子”的意思,我们可以理解为当下价格巨高的“房...
阅读全文
posted @ 2015-04-29 15:02 陶淘
阅读(340)
评论(0)
推荐(0)
编辑
移动前端开发之viewport的深入理解
摘要: 在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通 俗的讲,移动设备上的viewport就是...
阅读全文
posted @ 2015-04-29 15:01 陶淘
阅读(118)
评论(0)
推荐(0)
编辑
下一页