漂定

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

随笔分类 -  Css

摘要:Css Hack ie各版本 opera chrome safari firefox css hack 测试 阅读全文
posted @ 2014-09-06 12:51 漂定 阅读(146) 评论(0) 推荐(0)

摘要:当元素有浮动属性时,会对其父元素或后面的元素产生影响,会出现一个布局错乱的现象,可以通过清除浮动的方法来解决浮动的影响。浮动的清理(clear):值:none:默认值。允许两边都可以有浮动对象;left:不允许左边有浮动对象;right:不允许右边有浮动对象;both:左右两侧不允许有浮动对象。清除... 阅读全文
posted @ 2014-08-21 17:53 漂定 阅读(639) 评论(0) 推荐(0)

摘要:使用工具 Hbuilderindex.html 百度 ... 阅读全文
posted @ 2014-08-16 15:11 漂定 阅读(245) 评论(0) 推荐(0)

摘要:/*CSS*/.waps{ background:url(07158.bmp) no-repeat top center fixed; width:1004px; text-align:center; line-height:28px; font-size:12px; font-family:Ari... 阅读全文
posted @ 2014-08-07 14:20 漂定 阅读(136) 评论(0) 推荐(0)

摘要:1 .opacity{2 position: absolute;3 top: 0px;left: 0px;4 background: #000;5 filter:alpha(opacity=50); /* IE */6 -moz-opacity:0... 阅读全文
posted @ 2014-04-29 14:55 漂定 阅读(499) 评论(0) 推荐(0)

摘要:1 2 3 4 5 Document 6 33 34 56 57 58 请往下拖动滚动条59 60 61 阅读全文
posted @ 2014-04-29 13:20 漂定 阅读(172) 评论(0) 推荐(0)

摘要:网址:http://icomoon.io/http://iconfont.cn/ 阿里巴巴字体库 1 2 3 4 5 无标题文档 6 17 18 19 20 21 22 23 阅读全文
posted @ 2014-04-28 17:32 漂定 阅读(197) 评论(0) 推荐(0)

摘要:1 2 3 4 5 css3旋转小三角 6 15 16 17 18 19 20 阅读全文
posted @ 2014-04-28 14:52 漂定 阅读(548) 评论(0) 推荐(0)

摘要:1 /* create an arrow that points up */ 2 div.arrow-up { 3 width:0px; 4 height:0px; 5 border-left:5px solid transparent; /* left arrow slant */ 6 border-right:5px solid transparent; /* right arrow slant */ 7 border-bottom:5px solid #2f2f2f; /* bottom, add background color here */ 8 fo... 阅读全文
posted @ 2014-03-26 16:34 漂定 阅读(263) 评论(0) 推荐(0)

摘要:一. Webkit浏览器(1) 第一种写法:background:-webkit-gradient(linear ,10% 10%,100% 100%,color-stop(0.14,rgb(255,0,0)),color-stop(0.5,rgb(255,255,0)),color-stop(1,rgb(0,0,255)));第一个参数:表示的是渐变的类型linear线性渐变第二个参数:分别对应x,y方向渐变的起始位置第三个参数:分别对应x,y方向渐变的终止位置第四/五/N个参数:设置渐变的位置及颜色(2)第二种写法:这种写法比较简单,而且效果比较自然background:-webkit-g 阅读全文
posted @ 2013-12-25 13:02 漂定 阅读(29359) 评论(0) 推荐(0)

摘要:background: #ff6501; background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa201 ), to( #ff6501 )); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #ffa201 , #ff6501 ); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #ffa201 , #ff6... 阅读全文
posted @ 2013-09-17 16:14 漂定 阅读(171) 评论(0) 推荐(0)

摘要:3D 1 2 3 4 5 6 阅读全文
posted @ 2013-09-05 17:24 漂定 阅读(544) 评论(0) 推荐(0)

摘要:1.Phone42.iPad 3.android/*240px的宽度*//*360px的宽度*//*480px的宽度*/ 阅读全文
posted @ 2013-08-19 17:12 漂定 阅读(202) 评论(0) 推荐(1)