随笔分类 -  css3

css3中自定义 placeholder 文本颜色
摘要：对于 ie 浏览器我们可以通过自定义的 class 名称，直接修改 span 这个标签的样式。对于其他浏览器诸如谷歌和火狐就需要特殊处理了，不多说直接上代码：::-webkit-input-placeholder{color:#f00;}::-moz-placeholder{color:#f00;}... 阅读全文
posted @ 2015-07-14 10:38 远方的远方 阅读(277) 评论(0) 推荐(0) 编辑
css3 transform matrix矩阵的使用
摘要：Transform 执行顺序问题 — 后写先执行matrix(a,b,c,d,e,f) 矩阵函数•通过矩阵实现缩放x轴缩放 a=x*a c=x*c e=x*e;y轴缩放 b=y*b d=y*d f=y*f;•通过矩阵实现位移x轴位移: e=e+xy轴位移: f=f+y•通过矩阵实现倾斜x轴倾斜: c... 阅读全文
posted @ 2014-08-27 14:07 远方的远方 阅读(491) 评论(0) 推荐(0) 编辑
css新增UI样式
摘要：1、圆角border-radius2、风车例子：无标题文档 3、边框背景：边框图片 border-image•border-image-sourceg 引入图片•border-image-slice 切割图片•border-image-width 边框宽度•border... 阅读全文
posted @ 2014-04-21 18:05 远方的远方 阅读(230) 评论(0) 推荐(0) 编辑
弹性盒模型
摘要：1、注意在使用弹性盒模型的时候 父元素必须要加display:box 或 display:inline-boxBox-orient 定义盒模型的布局方向 Horizontal 水平显示 vertical 垂直方向box-direction 元素排列顺序 Normal 正序 Reverse 反... 阅读全文
posted @ 2014-04-21 17:09 远方的远方 阅读(320) 评论(0) 推荐(0) 编辑
css属性选择器
摘要：1、E[attr]只使用属性名，但没有确定任何属性值eg:1 4 5 6 7 8 2、E[attr="value"]指定属性名，并指定了该属性的属性值eg：3、E[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等... 阅读全文
posted @ 2014-04-21 15:29 远方的远方 阅读(293) 评论(0) 推荐(0) 编辑
css各浏览器的兼容性写法
摘要：各浏览器下的兼容性写法 老版Chrome -webkit-xxx FF -moz-xxx IE9 -ms-xxx opera -o-xxx 标准、高版本Chrome xxxJS兼容型写法 大写：Webkit Transition =… 全都加一遍：Webk... 阅读全文
posted @ 2014-04-21 14:30 远方的远方 阅读(931) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示