- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 ng-style用法
我想给ng-style传一个controller里面的变量,折腾了半天,引号不能忘ng-style="{'background-color':'{{markColor}}'}"
2016-06-24 16:03:59 22259 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 6550
转载 负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 717
原创 css可替换元素(replaced element)
MDN上 概述 CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素,如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素,例如 <audio> 和 <canvas> 。 通过 CSS c
2016-06-12 14:47:59 2132
原创 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 460
原创 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 1756
原创 <img>元素底部为何有空白
示例: http://codepen.io/GitKou/pen/NrGbXP 块级元素内部默认有行框,行框撑高了块级元素。img和其他块级元素并列的时候,由于img默认是display:inline-block,因此也会产生匿名块框包裹img,匿名块框内部生成了行框,多余了几个像素。取值 (行内(inline)元素)多数值是相对于父元素:baseline元素基线与父元素的基线对齐。一些 可
2016-06-07 10:50:28 848
转载 word-break:break-all和word-wrap:break-word的区别
最开始我们说了,word-wrap 是用来决定允不允许单词内断句的,如果不允许的话长单词就会溢出。最重要的一点是它还是会首先尝试挪到下一行,看看下一行的宽度够不够,不够的话就进行单词内的断句。而word-break:break-all则更变态,因为它断句的方式非常粗暴,它不会尝试把长单词挪到下一行,而是直接进行单词内的断句。这也可以解释为什么说它的作用是决定用什么方式来断句的,那就是——用了word
2016-06-01 17:07:16 2206
原创 圆,半径自适应外层高度
效果可查看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 617
原创 如何让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 6662 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人