随笔分类 -  css3

摘要:ABCDEFGHIJcss:.wrapper {display: grid;grid-template-columns: 100px 10px 100px 10px 100px 10px 100px;grid-template-rows: auto 10px auto 10px auto;}.a{g... 阅读全文
posted @ 2015-08-17 15:51 半夏微凉ysy 阅读(131) 评论(0) 推荐(0)
摘要:例如 flex box,有一个伸缩容器flex container 容器中的元素自动变成了伸缩项flex items,例子中container就是伸缩容器,left、center、right是伸缩项给伸缩容器的css设 display:flex ; flex-flow:row/... 阅读全文
posted @ 2015-08-17 11:07 半夏微凉ysy 阅读(144) 评论(0) 推荐(0)
摘要:firefox3.5 safari3.0 chrome 4.0 opero 9.5 ie不支持,使用滤镜filtertext-shadow: X-Offset Y-Offset Blur Color 多个阴影","分开ie:filter:shadow(Color=,Direction=,streng... 阅读全文
posted @ 2015-08-17 10:04 半夏微凉ysy 阅读(118) 评论(0) 推荐(0)
摘要:css2 border-radius:用图片css3 border-radius: firefox3.5+ safari3.0+ chrome 4.0+ opera 10.5+ ie 9+w3c: border-radius:{1}:4角相等,{2}交叉相等,{3}右上左下相等 ,{1,4} / {... 阅读全文
posted @ 2015-08-17 09:49 半夏微凉ysy 阅读(189) 评论(0) 推荐(0)
摘要:线性渐变linear-gradient:1.-moz-linear-gradient( [ || ,]? , [, ]* )2.-webkit-linear-gradient( [ || ,]? , [, ]* )//最新发布书写语法-webkit-gradient(, [, ]?, [, ... 阅读全文
posted @ 2015-08-16 22:43 半夏微凉ysy 阅读(394) 评论(0) 推荐(0)
摘要:opacity与rgba实现透明:opacity背景透明,子元素也透明,并且不能设置边框、文字透明特效;rgba所有涉及颜色的都可以设置透明html: 100% 80% 60% 40% 20% 0 100% 80% 60% 40% 2... 阅读全文
posted @ 2015-08-16 21:59 半夏微凉ysy 阅读(371) 评论(0) 推荐(0)