随笔分类 -  html5/css3

摘要:上下左右居中 是大家发卡上就大发送快递费就爱上的 --> --> --> 上课打瞌睡就打瞌睡的所得税看电视的 ... 阅读全文
posted @ 2017-05-12 17:27 Jinsuo 阅读(146) 评论(0) 推荐(0)
摘要:a:hover{background:none; -webkit-tap-highlight-color: transparent;} 阅读全文
posted @ 2017-03-20 17:05 Jinsuo 阅读(240) 评论(0) 推荐(0)
摘要:::-moz-placeholder{color:red;} //ff ::-webkit-input-placeholder{color:red;} //chrome,safari :-ms-input-placeholder{color:red;} //ie10 阅读全文
posted @ 2017-02-24 10:48 Jinsuo 阅读(1784) 评论(0) 推荐(0)
摘要:background: -webkit-linear-gradient(left, #730ed6, #561ff6); background: -webkit-gradient(linear,0% 100%, 100% 0% , from(#730ed6), to(#561ff6)); background:-webkit-linear-gradient(0deg, #7... 阅读全文
posted @ 2017-01-12 15:43 Jinsuo 阅读(123) 评论(0) 推荐(0)
摘要:display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; 阅读全文
posted @ 2017-01-12 12:33 Jinsuo 阅读(126) 评论(0) 推荐(0)
摘要:-webkit-appearance: none; appearance: none; -moz-appearance: none; 阅读全文
posted @ 2017-01-12 12:30 Jinsuo 阅读(177) 评论(0) 推荐(0)
摘要:首字下沉 I want to djdjdj ksdksodsd mjsdjs ksdkos kskdk ksdksk wpwp[eriuibmv sureowb sjdopwen srpp;sdrn kiwsie v,aiure 花枪性福卡是花枪发行和认可的礼品券,当你在花枪注册时,可以获得卡片,并在线下领取性福卡上的商品... 阅读全文
posted @ 2017-01-10 12:25 Jinsuo 阅读(247) 评论(0) 推荐(0)
摘要:无标题文档 阅读全文
posted @ 2016-12-10 10:35 Jinsuo 阅读(156) 评论(0) 推荐(0)
摘要:多行超高 溢出省略 文本内容文本内容文本内容文本内容文本内容文本内容文本内容 文本内容文本内容文本内容文本内容文本内容文本内容 文本内容文本内容文本内容文本内容文本内容文本内容 文本内容文本内容文本内容文本内容文本内容文本内容 阅读全文
posted @ 2016-11-21 12:45 Jinsuo 阅读(192) 评论(0) 推荐(0)
摘要:CSS3鼠标悬停360度旋转效果 阅读全文
posted @ 2016-11-14 18:49 Jinsuo 阅读(324) 评论(0) 推荐(0)
摘要:无标题文档 hover 默认 阅读全文
posted @ 2016-11-14 18:42 Jinsuo 阅读(204) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2016-11-08 11:18 Jinsuo 阅读(4962) 评论(0) 推荐(0)
摘要:方法一: phone center 方法二: phone center 方法三: 阅读全文
posted @ 2016-10-08 11:37 Jinsuo 阅读(173) 评论(0) 推荐(0)
摘要:在移动端可以做到适配不同的手机分辨率,如果保持整体缩放,没有设计上的差异可以不需要用到`media query`假设设计师的视觉稿是按照iPhone6的宽度来设计的,即375px (如果是高清的视觉稿750/2=375)那么,我们可以完全按照视觉稿上的尺寸来赋值给元素的样式,比如视觉稿上的尺寸是80 阅读全文
posted @ 2016-09-05 10:07 Jinsuo 阅读(268) 评论(0) 推荐(0)
摘要:<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CSS3瀑布布局</title> <style type="text/css"> /***** 阅读全文
posted @ 2016-06-27 17:44 Jinsuo 阅读(480) 评论(0) 推荐(0)
摘要:1,在浮动元素后面增加<br/>标签; <br/>标签有自带的清除浮动属性; 2,在浮动元素后面增加一个清除浮动层; <div> <div style="float:left"></div> <div style="float:left"></div> <div style="clear:both" 阅读全文
posted @ 2016-06-27 15:20 Jinsuo 阅读(168) 评论(0) 推荐(0)
摘要:span{ display: inline-block; border-top: 100px solid red; border-right: 100px solid transparent; border-bottom: 100px solid transparent; border-left: 阅读全文
posted @ 2016-06-27 14:22 Jinsuo 阅读(114) 评论(0) 推荐(0)
摘要:-webkit-column-width:100%; //列宽 -moz-column-width:100%;-o-colum-width:100%;colum-width:100%;-webkit-column-count: 2; //列数-moz-column-count: 2;-o-colum 阅读全文
posted @ 2016-06-27 12:06 Jinsuo 阅读(109) 评论(0) 推荐(0)
摘要:input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none;} 1、去除Chrome等浏览器文本框默 阅读全文
posted @ 2016-06-06 10:49 Jinsuo 阅读(431) 评论(0) 推荐(0)
摘要:Title 阅读全文
posted @ 2016-05-06 10:38 Jinsuo