一、SVG属性和CSS3属性千丝万缕的关系CSS3新增属性除了我们现在用的比较多的border-radius,box-shadow,gradient,...之类，还有很重要的一个分支：SVG属性家族！所谓「SVG属性家族」是指原本SVG的标签属性可以直接使用CSS设置。比方说，之前介绍“SVG Sp...
分类：
Web程序 时间：
2015-12-14 16:31:03
阅读次数：
301
CSS3 基础知识1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #f...
分类：
Web程序 时间：
2015-12-11 12:48:58
阅读次数：
174
例如:网站头部和导航条之间有个box-shadow区分下，但是ie9以下浏览器不识别，这时候我们就要加上边框了.g-header:not(ie8){box-shadow: 0 3px 4px rgba(153, 153, 153, 0.4);border-bottom:none;}.g-header...
分类：
Web程序 时间：
2015-12-08 18:05:30
阅读次数：
197
1 css3中的设置圆角border-radiues: px;-webkit- 谷歌-o- 欧朋-moz- 火狐2 阴影设置box-shadow: px px px 颜色； x轴 y轴 阴影大小3 雪碧图background-position: x轴坐标 Y轴坐标4 图片...
分类：
Web程序 时间：
2015-12-07 00:27:08
阅读次数：
138
学习了CSS布局的定位和浮动，我们可以简单地做出很多排版和内容拼接。今天就来做几个简单的实例展示现在
流行的DIV+CSS布局的方便好用之处。顺便也说一下CSS3新增的样式属性box-shadow和属性transform。
一图文混排
CSS布局之图文混排
#test {
border:#FF00FF solid 2px;
width:650px;
height:46...
分类：
Web程序 时间：
2015-12-05 00:34:21
阅读次数：
163
阴影：box-shadowbox-shadow是向盒子添加阴影。支持添加一个或者多个。box-shadow:X轴偏移量Y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式];注意：inset可以写在参数的第一个或最后一个，其它位置是无效的。如果添加多个阴影，只需用逗号隔开即可。如：.box_shado..
分类：
其他好文 时间：
2015-12-03 17:18:20
阅读次数：
147
"混合模式"：Photoshop提供了各式各样的混合模式，但是CSS3阴影只支持正常模式（normal）。"颜色（color）"：阴影颜色。对应于CSS3阴影中的color值。"不透明度（opacity）"：阴影的不透明度。对应于CSS3阴影的颜色rgba()中的a值。"角度（Angle）"：投影的...
分类：
Web程序 时间：
2015-11-27 13:00:25
阅读次数：
135
1、语法box-shadow: h-shadow v-shadow blur spread color inset; 1 2 3 4 shape of css 5 8 9 10 11 12 蓝色的是元素框，红色的是阴影，可以看出box-shadow只是把原来的元素克隆一下而已，再加上其他修...
分类：
其他好文 时间：
2015-11-26 13:06:24
阅读次数：
149
输入框焦点当输入框 input 接收到:focus时，输入框的轮廓会被移除，同时应用box-shadow。 Bootstrap历练实例：表单控件状态(焦点) 焦点： ...
分类：
其他好文 时间：
2015-11-23 12:56:34
阅读次数：
150
1.圆角矩形.border_radius_test{border-radius:25px;-moz-border-radius:25px;}数值越大越圆2.容器阴影.box_shadow_test{box-shadow:1px 1px 20px #888888; -moz-box-shadow: 1...
分类：
Web程序 时间：
2015-11-20 19:59:26
阅读次数：
174
