自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(89)
  • 收藏
  • 关注

原创 品优购购物商城

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物!</title> <meta name="description" content="品优购JD.COM-专...

2020-04-16 23:09:09 916

原创 JS三种书写方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-16 18:42:14 1365

原创 移动端开发总结和四个布局

2020-04-16 17:07:05 261

原创 响应式布局阿里百秀案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-16 17:06:08 1182 2

原创 栅格系统显示与隐藏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-16 12:53:22 729

原创 栅格系统之列排序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-16 12:09:39 550

原创 栅格系统之列偏移

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-16 12:04:41 1053

原创 栅格系统的列嵌套

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-16 11:52:19 775

原创 栅格系统的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-16 11:42:51 559

原创 响应式开发原理

2020-04-15 20:18:48 159

原创 苏宁移动端flexible.js方案

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=...

2020-04-15 16:01:48 456 1

原创 移动端苏宁案列

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabl...

2020-04-15 14:16:19 356

原创 rem适配方案

2020-04-08 18:12:11 166

原创 less运算

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-08 17:46:07 124

原创 less嵌套

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-08 17:08:00 118

原创 less编译

2020-04-08 16:54:38 114

原创 less安装和使用

// 定义一个粉色的变量@color: pink; // 错误的变量名 @1color @color~@#// 变量名区分大小写 @color 和 @Color 是两个不同的变量// 定义了一个 字体为14像素的变量@font14: 14px;body { background-color: @color;}div { color: @color; ...

2020-04-08 16:47:59 324

原创 引入资源

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-08 16:14:06 241

转载 媒体查询+rem实现元素动态变化

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-08 15:48:33 272

原创 媒体查询案例修改背景颜色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-08 15:39:06 672

原创 媒体查询

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-08 15:36:51 121

原创 rem布局之单位使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-08 11:47:06 155

原创 flex布局携程网案列

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-03 19:14:39 506

原创 背景线性渐变颜色

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-02 18:34:16 178

原创 flex布局控制某个子项排列

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-02 15:28:17 2217

原创 flex布局子项属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-02 15:19:51 315

原创 flex子项布局常见属性

2020-04-02 15:17:33 203

原创 flex设置侧轴上的子盒子排列方式(多行)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-02 14:45:01 573

原创 flex设置侧轴上的子盒子排列方式(单行)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-02 14:30:48 338

原创 flex子盒子换行

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-02 14:29:01 1404

原创 flex父项布局常见属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-04-02 13:38:33 165

原创 flex布局原理

2020-04-02 13:25:48 179

原创 京东移动端小案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1.0, maximum-scale...

2020-03-31 18:32:48 320

原创 2倍精灵图做法

2020-03-31 11:46:52 348

原创 移动端布局之流式布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

2020-03-27 16:04:05 114

原创 移动端技术解决方案

2020-03-27 15:36:32 350

原创 CSS3盒子模型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

2020-03-27 15:26:29 92

原创 背景缩放background-size

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-03-27 13:59:06 120

原创 多倍图

2020-03-27 13:46:36 306

原创 meta视口标签

2020-03-26 17:16:16 499

空空如也

空空如也

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

TA关注的人

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