a-ling

导航

2017年2月6日 #

Flex布局(CSS Flexbox)

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

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

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)

2017年1月19日 #

css3制作旋转动画

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

posted @ 2017-01-19 17:26 a-ling 阅读(207) 评论(0) 推荐(0)

HTTP请求模型和头信息参考

摘要: 请求行 请求行由三个标记组成:请求方法、请求URI和HTTP版本,它们用空格分隔。例如:GET /index.html HTTP/1.1 HTTP规范定义了8种可能的请求方法: GET 检索URI中标识资源的一个简单请求HEAD 与GET方法相同,服务器只返回状态行和头标,并不返回请求文档POST 阅读全文

posted @ 2017-01-19 17:07 a-ling 阅读(186) 评论(0) 推荐(0)