随笔分类 -  css

css布局方式
摘要：传统盒模型（display+position+float) flexbox(flex布局）弹性布局 "阮一峰 flex布局教程" + 元素设置为 display: flex之后，子元素的float, clear, vertical align属性将失效 + flex布局 = 容器( containe 阅读全文
posted @ 2018-09-24 20:44 小字辈 阅读(185) 评论(0) 推荐(0)
图解css3学习笔记
摘要：（0）css3是啥 + css3是最新版本的css，添加了许多新的特性，将切图仔从繁重的工作中解救出来。 + css3现在主流的浏览器大部分都支持（ie9部分支持，ie8之前的都不支持） + 渐进增强，优雅降级 + 优雅降级（向下兼容）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开 阅读全文
posted @ 2018-09-18 21:06 小字辈 阅读(374) 评论(0) 推荐(0)
css—动画（transform, transition, animation）
摘要：transform + 静态属性，一旦写进style里面，会立即显示作用，无任何变化过程。（类似于left, right, top, bottom这类属性） + 主要用来做元素的变形 + 改变元素样式的属性主要有以下五个 + translate3d(x,y,z) 用来控制元素在页面的三轴上的位置 + 阅读全文
posted @ 2018-09-04 22:10 小字辈 阅读(411) 评论(0) 推荐(0)
bootstrap-daterangepicker
摘要：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)
font-awesome
摘要：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)
bootstrap--font-face问题
摘要：在做仿天猫项目时，预期 已经用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)