webkit-box1、之前要实现横列的web布局,通常就是float或者display:inline-block; 但是都不能做到真正的流体布局。至少width要自己去算百分比。2.flexible box 就可以实现真正意义上的流体布局。只要给出相应属性,浏览器会帮我们做额外的计算。提供的关于盒...
分类:
Web程序 时间:
2014-10-29 14:48:45
阅读次数:
182
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#aaa)); /** Chrome Safari **/ background: -moz-linear-gradient...
分类:
Web程序 时间:
2014-10-29 14:42:58
阅读次数:
134
水平垂直居中的制作大家都有碰到过,水平居中方法好处理,但是垂直居中的话还是让很多人头痛过,我也碰到很多盆友来询问如何让元素水平垂直居中。前面也专门讨论过如何让图片,单行文本和多行文本实现各种浏览器的水平垂直居中的方案。 这次在iPhone项目中实现弹出窗口水平垂直居中,总不是很理想,后来采用了...
分类:
Web程序 时间:
2014-10-29 14:37:40
阅读次数:
226
前言对于css文件而言,选择器的写法有它的讲究,如——1> 不要用ID选择器2> 不要用通配符*选择器3> 选择器的层级......对于属性值的写法也有他的讲究,如——1> 复合属性,如font、background、margin、padding等2> 颜色、单位、hack、css3属性等........
分类:
Web程序 时间:
2014-10-29 01:43:53
阅读次数:
227
css的选择器的顺序其实很有意思,如果应用的好的话,可以做一些简单的逻辑出来,配合上css3,就可以尽可能的脱离js了。
分类:
Web程序 时间:
2014-10-28 19:30:25
阅读次数:
168
本周我们带来的前端推荐包含当前热门的bootstrap,html5,css3等技术内容和新闻话题,如果你还想近一步学习如何开发,还可以关注我们的极客课程库,里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助!...
分类:
其他好文 时间:
2014-10-28 15:35:04
阅读次数:
299
【转】 本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性。如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。 CSS2 中有5个主要的背景(background)属性,它们是:background-color: 指定填充背景的颜色。bac.....
分类:
Web程序 时间:
2014-10-28 15:15:54
阅读次数:
285
本周我们带来的前端推荐包含当前热门的bootstrap,html5,css3等技术内容和新闻话题,如果你还想近一步学习如何开发,还可以关注我们的极客课程库,里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助!
分类:
其他好文 时间:
2014-10-28 15:15:43
阅读次数:
148
之前在看一些css3效果demo的时候,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,当然这也有可能包含了coder个人的习惯或是强迫性>"<,比如下面这两种:.transition{ -webkit-trans....
分类:
其他好文 时间:
2014-10-28 13:50:15
阅读次数:
189
CSS3 里引入的伪元素让 Web 开发人员能够在不需要额外添加 HTML 标签的情况下制作出复杂的视觉效果。例如,:before 和 :after 这个两个 CSS3 伪元素就可以帮助你实现很多有趣的效果。本教程将告诉你如何使用 CSS3 为元素创建一组漂亮的图片堆叠效果。
分类:
Web程序 时间:
2014-10-28 13:46:29
阅读次数:
197