随笔分类 - web
摘要:SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。 SASS 官网介绍: sass is the most mature(成熟的),stable(稳定的),and powerful professional grade CSS exte
阅读全文
摘要:前端自动化流程工具,用来合并文件,压缩等。 Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp-docs-zh-cn Gulp插件网 http:/
阅读全文
摘要:一、目标目标实现如下效果:二、完成1、分析这个效果看起来很简单,实际上可能并不那么容易实现。首先是全部东西都居中显示,除了“亲爱的starof”这个称呼的地方。这也是难点,也是本文要重点说的地方。开始我尝试将“亲爱的starof:” 和下面那段文字分别独立成两个段落,一个居左,一个居左。结果当然是不...
阅读全文
摘要:一、目标目标完成下图效果:二、完成1、分析在::before和::after伪元素的用法一文中有说到使用::befrore和::after可以完成一个六边形。这个案例是用一个#star-six完成一个正三角形,通过::after实现一个倒三角形,然后绝对定位放好位置。我们接下来也用这个思路完成。2、...
阅读全文
摘要:⇠箭头类符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS⇠⇠\u21E0\21E0⇢⇢\u21E2\21E2⇡⇡\u21E1\21E1⇣⇣\u21E3\21E3↞↞\u219E\219E↠↠\u21A0\21A0↟&...
阅读全文
摘要:一、bootstrap样式 在Bootstrap v3.3.4中有下面一条重置样式: 将所有的元素的默认盒模型box-sizing都设置成了border-box,而现代浏览器的标准默认box model是 content-box。很多第三方其他的UI库,第三方js库用的也是标准的content-bo
阅读全文