随笔分类 -  css

Flexbox
摘要：1、display : flex | flex-inline；用于伸缩容器； 2、flex-direction : row | row-reverse | column | column-reverse；用于伸缩容器； row(默认值)：在“ltr”排版方式下从左向右排列；在“rtl”排版方式下从右 阅读全文
posted @ 2018-01-04 16:50 我爱小明 阅读(152) 评论(0) 推荐(0)
css实现图片垂直居中
摘要：1、行高 == 高度：已知图片的高宽 2、display:table display:table-cell：不兼容IE6/IE7 3、绝对定位：已知图片的高宽 4、flex布局：h5端可用 阅读全文
posted @ 2017-11-15 16:20 我爱小明 阅读(2531) 评论(0) 推荐(0)
手淘适配-flexible
摘要：目标 拿一个双11的Mobile页面来做案例，比如你实现一个类似下图的一个H5页面： 目标很清晰，就是做一个这样的H5页面。 痛点 虽然H5的页面与PC的Web页面相比简单了不少，但让我们头痛的事情是要想尽办法让页面能适配众多不同的终端设备。看看下图你就会知道，这是多么痛苦的一件事情： 再来看看手淘 阅读全文
posted @ 2017-11-06 10:18 我爱小明 阅读(1625) 评论(0) 推荐(0)
css设置：图片文字等不能被选择
摘要：-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 阅读全文
posted @ 2017-10-12 11:31 我爱小明 阅读(2708) 评论(0) 推荐(0)
判断checkbox是否被选中
摘要：jquery判断checked的三种方法:.attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'): //16+:true/false.is(':checked'): //所有版本:... 阅读全文
posted @ 2015-11-19 11:59 我爱小明 阅读(306) 评论(0) 推荐(0)
SASS的安装和转换为CSS的方法
摘要：http://www.cnblogs.com/52css/archive/2012/08/19/sass-how-to-install-and-use.htmlSASS的安装方法：1、先安装Ruby，下载地址：http://download.csdn.net/detail/hzf2257/33344... 阅读全文
posted @ 2015-08-24 11:54 我爱小明 阅读(1028) 评论(0) 推荐(0)
网站变灰css
摘要：html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(10... 阅读全文
posted @ 2015-08-13 16:34 我爱小明 阅读(252) 评论(0) 推荐(0)
HTML5 五大特性
摘要：一、正则表达式：相信大家都会非常喜欢这个特性，无须服务器端的检测，使用浏览器的本地功能就可以帮助你判断电子邮件的格式，URL，或者是电话格式，防止用户输入错误的信息，通过使用HTML5的pattern属性，我们可以很方便的整合这个功能，代码如下：二、数据列表元素：在没有HTML5的日子里，我们会选择... 阅读全文
posted @ 2015-07-10 10:24 我爱小明 阅读(431) 评论(0) 推荐(0)
Normalize.css – HTML5-ready 的css重置样式集
摘要：Normalize.css 是一个可定制的 css文件，使浏览器呈现的所有元素，更一致和符合现代标准。它正是针对只需要统一的元素样式。该项目依赖于研究浏览器默认元素风格之间的差异，精确定位需要重置的样式。这是一个现代的，HTML5-ready 的css重置样式集。Normalize.css 是 HT... 阅读全文
posted @ 2015-06-25 09:04 我爱小明 阅读(355) 评论(0) 推荐(0)
后台优秀模版汇总
摘要：http://www.mycodes.net/154/3.htmhttp://www.cnblogs.com/lhb25/p/free-bootstrap-admin-templates.htmlhttp://www.oschina.net/news/52033/free-bootstrap-adm... 阅读全文
posted @ 2015-06-23 16:44 我爱小明 阅读(225) 评论(0) 推荐(0)
微信营销的36条法则
摘要：1.每一次沟通、互动、推送的对象是谁，读者对这个人越了解，信任度就越高，包括他的公司职位、姓名、联系方式。2.简单就是力量，不要把自己的微信公众账号变成万能的功能应用，可以免费听音乐、机器人陪聊，这些功能只会淡化企业核心价值，请删掉这些功能，简单就是力量。3.微信营运的目的是维护顾客关系，用99%的... 阅读全文
posted @ 2015-06-23 13:53 我爱小明 阅读(200) 评论(0) 推荐(0)
Google发布移动网站设计原则
摘要：Google 刚刚发布了由 Google 与 AnswerLab 联合打造，名为《Principles of Mobile Site Design: Delight Users and Drive Conversions》的移动网站设计原则白皮书。白皮书提到，为了愉悦用户和推动转化率，移动网站设计应... 阅读全文
posted @ 2015-06-23 09:45 我爱小明 阅读(250) 评论(0) 推荐(0)