a-ling

Flex布局（CSS Flexbox）

摘要：参考：Flex 布局语法教程 Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局注意：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。采用Flex布局的元素，称为Flex 阅读全文

posted @ 2017-02-06 11:14 a-ling 阅读(181) 评论(0) 推荐(0)

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 阅读(1932) 评论(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 阅读(173) 评论(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 阅读(3017) 评论(0) 推荐(0)

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

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

posted @ 2017-01-20 17:13 a-ling 阅读(251) 评论(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 阅读(304) 评论(0) 推荐(0)

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

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

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

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

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

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

css3制作旋转动画