随笔分类 -  css

摘要:传统盒模型(display+position+float) flexbox(flex布局)弹性布局 "阮一峰 flex布局教程" + 元素设置为 display: flex之后,子元素的float, clear, vertical align属性将失效 + flex布局 = 容器( containe 阅读全文
posted @ 2018-09-24 20:44 小字辈 阅读(185) 评论(0) 推荐(0)
摘要:(0)css3是啥 + css3是最新版本的css,添加了许多新的特性,将切图仔从繁重的工作中解救出来。 + css3现在主流的浏览器大部分都支持(ie9部分支持,ie8之前的都不支持) + 渐进增强,优雅降级 + 优雅降级(向下兼容):一开始就构建站点的完整功能,然后针对浏览器测试和修复。比如一开 阅读全文
posted @ 2018-09-18 21:06 小字辈 阅读(374) 评论(0) 推荐(0)
摘要:transform + 静态属性,一旦写进style里面,会立即显示作用,无任何变化过程。(类似于left, right, top, bottom这类属性) + 主要用来做元素的变形 + 改变元素样式的属性主要有以下五个 + translate3d(x,y,z) 用来控制元素在页面的三轴上的位置 + 阅读全文
posted @ 2018-09-04 22:10 小字辈 阅读(411) 评论(0) 推荐(0)
摘要:1,依赖关系 使用之前需要引用bootstrap.css daterangpicker.css jquery.js boostrap.js moment.js daterangpicker.js 可以下载到本地,若是练习使用的话,可以使用cdn (http://www.bootcdn.cn/) 2, 阅读全文
posted @ 2018-05-24 22:45 小字辈 阅读(1241) 评论(0) 推荐(0)
摘要:1, what 图标字体库和css框架;矢量图标 2,引用方式 (1)cdn(可通过http://www.bootcdn.cn/ 查找)<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-a 阅读全文
posted @ 2018-05-22 21:36 小字辈 阅读(214) 评论(0) 推荐(0)
摘要:在做仿天猫项目时,预期 已经用cdn加载bootstrap,但是不显示文字图标;实际情况: 发现是引用bootstrap的版本导致的。4.0.0版本及以后的css源码中找不到@font-face。可以改成用3.3.7版本之前的 http://www.bootcdn.cn/bootstrap/ 里面去 阅读全文
posted @ 2018-04-01 15:37 小字辈 阅读(187) 评论(0) 推荐(0)