html5/css3 - 随笔分类(第2页) - Jinsuo

摘要：上下左右居中是大家发卡上就大发送快递费就爱上的 --> --> --> 上课打瞌睡就打瞌睡的所得税看电视的 ... 阅读全文

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)

背景渐变 css3 background

摘要：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)

360度图片旋转

摘要：CSS3鼠标悬停360度旋转效果阅读全文

posted @ 2016-11-14 18:49 Jinsuo 阅读(324) 评论(0) 推荐(0)

hover 变内容

摘要：无标题文档 hover 默认阅读全文

posted @ 2016-11-14 18:42 Jinsuo 阅读(204) 评论(0) 推荐(0)

Input checkbox 添加样式背景

摘要：阅读全文

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)

小 div在大 div中左右上下居中

摘要：<!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)

css 小三角

摘要：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)

去掉iPhone、iPad的默认按钮样式去掉高光样式：

摘要：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

jinsuo

随笔分类 - html5/css3

公告