a-ling

导航

2017年1月20日 #

CSS垂直居中的11种实现方式

摘要： 代码： 1 <!DOCTYPE> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width,initial-scale=1,user-scala 阅读全文

posted @ 2017-01-20 17:58 a-ling 阅读(1913) 评论(0) 推荐(0)

CSS3中的px,em,rem,vh,vw辨析

摘要： 1、px：像素，精确显示 2、em：继承父类字体的大小，相当于“倍”，如：浏览器默认字体大小为16px=1em，始终按照div继承来的字体大小显示，进场用于移动端 em换算工具：http://www.runoob.com/tags/ref-pxtoemconversion.html 3、rem：与e 阅读全文

posted @ 2017-01-20 17:36 a-ling 阅读(159) 评论(0) 推荐(0)

CSS3 FLEXBOX轻松实现元素的水平居中和垂直居中

摘要： 1 2 3 4 5 6 7 8 9 10 11 12 --> 17 18 19 20 33 flex弹性布局justify-content属... 阅读全文

posted @ 2017-01-20 17:35 a-ling 阅读(2997) 评论(0) 推荐(0)

左侧固定，右侧自适应的三种布局方式

摘要： 方法1： 方法2： 方法3： 阅读全文

posted @ 2017-01-20 17:13 a-ling 阅读(243) 评论(0) 推荐(0)

css3实现切片动画

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="widt 阅读全文

posted @ 2017-01-20 16:51 a-ling 阅读(292) 评论(0) 推荐(0)

css3 linear-gradient实现购物车地址选择信封效果

摘要： 上代码： 效果： 阅读全文

posted @ 2017-01-20 11:46 a-ling 阅读(177) 评论(0) 推荐(0)

在浏览器标签显示网站logo图标

摘要： 在网站根目录下添加favicon.ico文件，并在网页添加如下代码： 阅读全文

posted @ 2017-01-20 11:31 a-ling 阅读(175) 评论(0) 推荐(0)