SASS
Lalala这是我的小马甲哦
没有内涵啊
展开
-
侧边工具条实现 scss+requirejs(2)
requirejs原创 2017-02-19 20:56:52 · 541 阅读 · 0 评论 -
侧边工具条实现 scss+requirejs(1)
慕课上的一个案例,刚刚学完scss然后找到了这个课程复习一下。顺便老师教了一下requirejs的使用。这可是我的第一个组件啊,拖了好久好久哦。三种html的布局以及优缺点:第一种是用雪碧图,通过改变hover的定位来改变图片背景。缺点是如果要更改图标需要同时更改一整张图。第二种是通过使用图标字体的方式,优点是可以随时更改图片以及颜色。布局稍微复杂一点点。第三种是通过before和after的原创 2017-02-19 20:15:47 · 522 阅读 · 0 评论 -
SASS 制作七色卡
七色卡是慕课上的实战,慕课的代码加上我自己的理解做的。效果 HTML<body> //用js动态生成一个模板。 //因为需要7个ul以及每个ul包含20个li标签,当时考虑了是用js只生成li还是整个模板,因为考虑到感觉直接生成一个整体不用获取ul并且应该代码量也和生成整个dom差不多,就选择的后面一个。其他的理由,就没有理由了...</body><script> v原创 2017-01-24 21:25:06 · 1068 阅读 · 0 评论 -
IFE小薇学院-三栏布局,仿bootstrap栅格布局,flex布局
三栏式布局position:absolute布局圣杯布局双飞翼布局 仿bootstrap栅格布局思路设计观察bootstrap源码scss重构 calc tips: flex布局原创 2017-02-27 13:03:40 · 1222 阅读 · 0 评论 -
random-quote requirejs+scss实战
题目来自FCC的https://www.freecodecamp.cn/challenges/build-a-random-quote-machine 技术结构:requirejs scss 响应式 jquery 代码地址:https://github.com/OMGAGIRL/random-quote 总结:其实实现功能很简单,除了分享功能需要厂商提供api,以及我觉得api并不好原创 2017-02-24 11:07:49 · 1303 阅读 · 0 评论 -
SCSS实现响应式布局
参考文章比较简单的分栏响应式布局实例演示官方文档原创 2017-02-25 21:50:11 · 4762 阅读 · 1 评论 -
IFE糯米学院-checkbox和radio样式的美化实现
//html部分<body> <p>这是一组radio按钮</p> <section> <input type="radio" name="radio" id="radio1"> <label for="radio1"></label> <br/> <input type="radio" name="radio" id="radio2原创 2017-02-26 17:09:24 · 383 阅读 · 0 评论