自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 资源 (1)
  • 收藏
  • 关注

转载 CSS常用

*{margin: 0;padding: 0;list-style: none;}/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */dl, dt, dd, ul, ol, li, /* list elements 列表元素 */pre, /* text for

2016-11-28 11:55:39 354

原创 移动端div随手指移动

html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"> <title>Document</title> <style> #box{position: fixed;left: 0;top: 0;width: 150px;heigh

2016-11-15 16:31:05 2001

原创 radio、checkbox样式修改

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/check.css"></head><body> <div> <label> <lab

2016-11-15 11:53:54 512

原创 获取本周/月第一天,最后一天,往前推几天,往后延几天

html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script src="date.js"></script> <script> var d = new getDate();

2016-11-15 10:07:02 1124

转载 js时间加往后延

function AddDays(date, days) { var nd = new Date(date); nd = nd.valueOf(); nd = nd + days * 24 * 60 * 60 * 1000; nd = new Date(nd); var y = nd.getFullYear(); var m = nd.getMonth

2016-11-08 15:33:37 988

转载 js代码片段

$.fn.extend({ alertWhileClick: function(){ $(this).click(function(){ alert($(this).val()); }); } }); $.fn

2016-11-07 16:29:22 319

原创 移动端mixin的px转rem

1、多属性传递@mixin px2rems($pxs){ @each $key, $value in $pxs{ #{$key}: $value/$baseFontSize * 1rem; }}使用例子:.a{@include px2rems((font-size: 28,height: 90,line-height: 90,padding-left: 20,pa

2016-11-04 15:54:29 1213

原创 flex布局:justify-content

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div#main{ display: flex; justify-content:flex-start;

2016-11-04 15:01:48 2726

原创 css3 animation

1、animation-name:@keyframes的名称 : ani 2、animation-duration:time 表示动画运行时间 1s 3、animation-timing-function: linear|ease|ease-in|ease_out|ease-in-out; 动画效果: linear:(匀速),linear 函数等同于贝塞尔曲线(0.0

2016-11-04 11:30:11 206

转载 按钮hover active效果

效果: 例子链接:http://pan.baidu.com/s/1kVz2LKj

2016-11-01 17:48:47 1748

转载 linear-gradient的mixin

转载至https://www.sitepoint.com/building-linear-gradient-mixin-sass/@function legacy-direction($value) { @if is-direction($value) == false { @error "Cannot convert '#{$value}' to legacy syntax

2016-11-01 10:08:36 332

鼠标悬停按钮气泡效果

鼠标悬停按钮气泡效果

2015-05-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除