摘要: 实例:http://css3lib.alloyteam.com/#form/demo3-webkit-box-flex,box-flex 属性规定框的子元素是否可伸缩其尺寸,http://www.w3school.com.cn/cssref/pr_box-flex.asp-webkit-box-orient,水平排列 div 元素的子元素,http://www.w3school.com.cn/cssref/pr_box-orient.aspdisplay: box,弹性盒子声明,http://www.zhangxinxu.com/wordpress/2010/12/css-box-flex%E 阅读全文
posted @ 2013-10-31 16:19 2公子 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 几个css元素的简单解释 div ul dl dt ol,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好ol 有序列表。………………表现为:1……2……3……ul 无序列表,表现为li前面是大圆点而不是123…………很多人容易忽略 dl dt dd的用法dl 内容块dt 内容块的标题dd 内容可以这么写:标题内容1内容2dt 和dd中可以再加入 ol ul li和p理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局. 阅读全文
posted @ 2013-10-29 17:49 2公子 阅读(159) 评论(0) 推荐(0) 编辑
摘要: img { -ms-interpolation-mode: bicubic; }这个在做实时缩放图片、缩略图的时候用处挺大。IE7 Only这个属性在ie8之后的版本已经不需要了。可以说是ie7专用了,ie6该属性无效果。,还有另一个值-ms-interpolation-mode:nearest-neighbor参考:http://www.aoao.org.cn/blog/2009/03/img-ms-interpolation-mode/ 阅读全文
posted @ 2013-10-04 17:56 2公子 阅读(412) 评论(0) 推荐(0) 编辑
摘要: webkit私有CSS属性(-webkit-text-size-adjust)解决即可:p {-webkit-text-size-adjust:none;font-size:11px;} 阅读全文
posted @ 2013-09-29 11:23 2公子 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 之前都是写line-height或者padding/margin,实际上可以如此简单~。中文 · 哎,我真笨 阅读全文
posted @ 2013-09-27 17:00 2公子 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 起因于不理解下图点的写法,后来发现是个很基础的东西 运用了伪类元素:before,如下注意,他的css写法也是非常简洁高效的。查阅了些关于伪类before和after的知识帮助理解,以下摘自:http://www.hulufei.com/post/about-before-and-after-pseudo-element:before和:after的作用就是在指定的元素内容(而不是元素本身)之前或者之后插入一个包含content属性指定内容的行内元素,最基本的用法如下:#example:before { content:"#"; color: red;}#example:a 阅读全文
posted @ 2013-09-12 14:32 2公子 阅读(327) 评论(0) 推荐(0) 编辑
摘要: http://webdesignerwall.com/tutorials/css3-media-queries 阅读全文
posted @ 2013-09-10 18:09 2公子 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 随着智能手机、平板电脑越来越流行,许多网站都开始考虑为这些移动设备开发一套专属布局和样式。幸好 CSS3 提供了针对不同设备的查询规则,让这一目的变得非常容易实现。1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768当然,将所有样式放在一起不是一个好主意,你可以将不同设备特定的 CSS 放到不同文件中,然后再通过 link 节点的 media 属性来加载:12345678910111213141 阅读全文
posted @ 2013-09-10 12:07 2公子 阅读(243) 评论(0) 推荐(0) 编辑
摘要: http://www.webpluz.org/2012/10/the-css3-transform-perspective-property/ 阅读全文
posted @ 2013-07-24 14:22 2公子 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 详细解答:http://www.w3cplus.com/content/css3-animation.demo1 { width: 50px; height: 50px; margin-left: 100px; background: #F32085; -webkit-animation-name:'wobble';/*动画属性名,也就是我们前面keyframes定义的动画名*/ -webkit-animation-duration: 10s;/*动画持续时间*/ -webkit-animation-timing-function: ea... 阅读全文
posted @ 2013-07-19 17:43 2公子 阅读(287) 评论(0) 推荐(0) 编辑