text-transform 属性控制文本的大小写。 这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。如果值为 capitalize，则要对某些字母大写，但是并没有明确定义如何确定哪些字母要大写，这取决于用户代理如何识别出各个“词”。 可能的值 ...
分类：
Web程序 时间：
2017-07-07 13:08:46
阅读次数：
285
如果有固定头部高度和底部高度，内容的高度或者宽度想要根据浏览器屏幕自适应的话，可以用到css3的计算属性,即calc。 用法如下： 内容区域高/宽 = calc(100% - 头部高宽 - 底部高宽) //这样就可以自适应高度或宽度了。 浏览器高度： document.documentElement ...
分类：
Web程序 时间：
2017-07-06 18:52:19
阅读次数：
399
一、功能分析 qq会话列表可以向左滑动，然后出现删除按钮 二、知识点 touch事件，css3的transform属性 三、实现思路 为每个列表项绑定touch事件，计算touch移动的距离，在touchmove事件中实现滑动，在touchend中判断touch移动的距离，根据距离大小判断删除按钮是 ...
分类：
其他好文 时间：
2017-07-05 15:23:59
阅读次数：
158
弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 浏 ...
分类：
其他好文 时间：
2017-07-04 21:52:47
阅读次数：
126
响应式布局简明示例，响应式布局最好同时也是自适应布局，然后再配合css3媒体查询，来达到完美的响应式布局。css3的媒体查询ie9一下是不支持的，这太遗憾了，不过幸运的是有大神已经为前端屌丝们写好了用于IE9以下的媒体查询脚本文件，引用方式如下：<!--[if lt IE 9]> <script s ...
分类：
其他好文 时间：
2017-06-29 10:02:29
阅读次数：
124
进度条组件使用了 CSS3 的 transition 和 animation 属性来完成一些特效。这些特性在 Internet Explorer 9 或以下版本中、Firefox 的老版本中没有被支持。Opera 12 不支持 animation 属性。<div class="progress"> ...
分类：
其他好文 时间：
2017-06-26 01:11:10
阅读次数：
185
全新的css3加入的动画效果： [ animation-name ]：检索或设置对象所应用的动画名称 [ animation-duration ]： 检索或设置对象动画的持续时间 [ animation-timing-function ] ：检索或设置对象动画的过渡类型 [ animation-de ...
分类：
Web程序 时间：
2017-06-24 19:41:36
阅读次数：
201
在我们近期的一个项目中，碰到过这个问题，fixed元素居然好端端的失效了 ，后来不断的排查，最终发现了问题出在 CSS3 transform上的，只因为fixed元素的父层添加了 CSS3 transform属性。 我们应该都知道，position:fixed可以让元素不跟随浏览器的滚动条滚动，而且 ...
分类：
Web程序 时间：
2017-06-24 18:33:33
阅读次数：
292
原理: css3 的缩放 > transform: scale() 完整代码如下： ...
分类：
其他好文 时间：
2017-06-24 11:19:19
阅读次数：
167
在css3之前，要实现圆角的效果可以通过图片或者用margin属性实现(可以参考这里：http://www.hicss.net/css-practise-of-image-round-box/)。实现过程很繁琐，但CSS3的到来简化了实现圆角的方式。 CSS3实现圆角需要使用border-radiu ...
分类：
Web程序 时间：
2017-06-23 13:36:26
阅读次数：
293
