摘要: 容器属性:1.flex-direction:项目的排列方向(1)row 主轴方向排列(2)row-reverse 主轴反方向排列(3)column 纵向排列(4)column-reverse 纵向反方向排列2.flex-wrap:项目的换行方式(1)nowrap:不换(2)wrap:换行,第一行在上 阅读全文
posted @ 2016-07-31 16:19 冯小漂儿 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 媒体查询语法: 1.内联写法:and之后必须有空格@media screen and (min-width:960px //判断浏览器大小条件){body{background:red} //常规的样式} 2.外联写法:当满足屏幕满足条件的时候连接href后的css文件<link='styleshe 阅读全文
posted @ 2016-07-31 15:22 冯小漂儿 阅读(7412) 评论(0) 推荐(0) 编辑
摘要: em:所有浏览器都符合:1em=16px;1.具有继承性2.em的根元素是body,当设置了根元素的大小时,大小是定义的数字乘以根元素定义的大小值 rem:1rem=16pxrem不具有继承性,其根元素是html,当设置了根元素的大小时,大小是定义的数字乘以根元素定义的大小值 <!DOCTYPE h 阅读全文
posted @ 2016-07-31 15:17 冯小漂儿 阅读(260) 评论(0) 推荐(0) 编辑
摘要: CSS预处理器:less和sass:CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用 变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让你的 CSS 更 见简洁,适应性更强,代码更直观等诸多好处。 less框架的应 阅读全文
posted @ 2016-07-31 14:50 冯小漂儿 阅读(486) 评论(0) 推荐(0) 编辑
摘要: 一、渐变式改变ol的高度 1.外部为ul标签,在每个li里嵌套一个ol列表2.设置外部li左浮动,内部ol标签绝对定位,外部li标签相对定位3.设置ol的高为0,溢出隐藏4.外部li标签:hover 时,设置ol的高度,transition渐变 二、渐变式改变ol 下li标签的高度,同第一种方法,设 阅读全文
posted @ 2016-07-31 13:26 冯小漂儿 阅读(26135) 评论(0) 推荐(0) 编辑