jiandan1127的博客

1. 元素的装饰和美化1.color2. backgroundCSS 世界中的 background 大部分有意思的内容都是在 CSS3 新世界中才出现的，如 Multiple backgrounds（多背景)background-size（背景尺寸）、background-origin （背景初始定位盒子）、background-clip（背景剪切盒子）等。兼容性遮罩.overlay { background: url(alpha.png); backgr...

1. css的层叠规则z-index 属性只有和定位元素（position 不为 static 的元素）在一起的时候才有作用，可以是正数也可以是负数。CSS 2.1 的年代，在 CSS3 新世界还没有到来的时候（注意这里的前提），层叠顺序规则层叠准则（1）谁大谁上：当具有明显的层叠水平标识的时候，如生效的 z-index 属性值，在同一 个层叠上下文领域，层叠水平值大的那一个覆盖小的那一个。 （2）后来居上：当元素的层叠水平一致、层叠顺序相同的时候，在 ...

1. 单行溢出省略号.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }2. 多行溢出省略号.ell-rows-2 { display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}3. 清除浮动clearfix:after{ content:''; displa..

// 获取短信验证码 $('.get_code').click(function () { var $code = $(this); if (!$(this).hasClass('disabled')) { // 如果调了短信发送接口, 短信发送判断 var time = 60; $code.addClass("disabled"); // 禁止重复...

1.内联元素图片与文字居中对齐 使用ex单位// htmlzhangxinxu<i class="icon-arrow"></i>// css.icon-arrow { display: inline-block; width: 20px; height: 1ex; background: url(/images/5/a...

1.清除浮动.clear:after { content: ''; display: table; // 也可以是 block，或者是 list-item clear: both; }2.除了 inline-block 元素，浮动元素以及绝对定位元素都具有包裹性3.平顺的滚动效果用iScroll4.三无 => 无宽度，无图片， 无浮动...

html<div class="box"> <p>这是一段文字</p></div>css.box { margin: 20px auto; padding: 10px; background-color: #cd0000; text-align: center; width: 200px;}.box ...