- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 ng-style用法
我想给ng-style传一个controller里面的变量，折腾了半天，引号不能忘ng-style="{'background-color':'{{markColor}}'}"
2016-06-24 16:03:59
22227
1
原创 label包裹input，点击label，label响应两次
一、label和input合作的两种形式来自 W3C The label element represents a caption in a user interface. The caption can be associated with a specific form control, known as the label element’s labeled control, either
2016-06-22 14:10:56
6493
转载 负margin用法权威指南
本文由陈陆扬根据John Imbong的《The Definitive Guide to Using Negative Margins》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-us
2016-06-12 15:29:59
702
原创 css可替换元素(replaced element)
MDN上 概述 CSS 里，可替换元素（replaced element）的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素，如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素，例如 <audio> 和 <canvas> 。 通过 CSS c
2016-06-12 14:47:59
2106
原创 z-index学习
看了z-index，写个总结； 这些资源： 1. 深入理解CSS中的层叠上下文和层叠顺序:http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/() 2. CSS深入理解之z-indexh ：ttp://www.imooc.com/learn/643 3. Wh
2016-06-08 16:42:56
444
原创 flexbox功能、兼容、原理
http://www.imooc.com/video/6048 [Flexible boxes更加优雅的Web布局] https://philipwalton.github.io/solved-by-flexbox/ [Solved by Flexbox] https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex [MDN-flex]
2016-06-07 15:31:00
1737
原创 <img>元素底部为何有空白
示例: http://codepen.io/GitKou/pen/NrGbXP 块级元素内部默认有行框，行框撑高了块级元素。img和其他块级元素并列的时候，由于img默认是display:inline-block，因此也会产生匿名块框包裹img，匿名块框内部生成了行框，多余了几个像素。取值 (行内(inline)元素)多数值是相对于父元素：baseline元素基线与父元素的基线对齐。一些 可
2016-06-07 10:50:28
831
转载 word-break:break-all和word-wrap:break-word的区别
最开始我们说了，word-wrap 是用来决定允不允许单词内断句的，如果不允许的话长单词就会溢出。最重要的一点是它还是会首先尝试挪到下一行，看看下一行的宽度够不够，不够的话就进行单词内的断句。而word-break:break-all则更变态，因为它断句的方式非常粗暴，它不会尝试把长单词挪到下一行，而是直接进行单词内的断句。这也可以解释为什么说它的作用是决定用什么方式来断句的，那就是——用了word
2016-06-01 17:07:16
2185
原创 圆，半径自适应外层高度
效果可查看https://codepen.io/GitKou/pen/OXPggx HTML： <div class="m-edge" style="margin-top: 50px"> <div class="semicircle leftSemiCircle"></div> <div class="dashedLine"></div> <di
2016-06-01 15:32:46
600
原创 如何让touchmove之后不触发touchend的事件
<div class="m-action-container"> <a class="u-btn-focus" href="javascript:;" ontouchend="window.setTimeout(function(){twindowrackMail()},0);">当前快件追踪</a> </div>以前的项目上有很多这样的代码
2016-06-01 14:38:17
6616
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人