<style> a { width:50px; height:50Px; display:block; background:url(sprites.png) no-repeat 0px 0px; padding:10px; box-sizing:border-box; background-ori ...
分类：
Web程序 时间：
2016-09-11 23:07:04
阅读次数：
248
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。包括border-box|content-box(默认)|padding-box 先来看下代码，比较一下它们之间的区别： css部分： 实现效果如下： 现在我们来看下区别： 上面的三张图，第一张width=150px;第二张为1 ...
分类：
Web程序 时间：
2016-09-02 20:32:51
阅读次数：
172
box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。 content-box，border和padding不计算入width之内 padding-box，padding计算入width内 border-box，border ...
分类：
Web程序 时间：
2016-09-02 11:45:52
阅读次数：
2406
背景图片的调节,可以直接用属性调整背景图片的大小：background-size:contain是宽高缩放，直到某一边到底为止 background-size:cover是缩放图片，有可能某一边会出盒子 设置背景图片的开始位置background-origin:border-box 从边框开始 ba ...
分类：
其他好文 时间：
2016-08-30 01:42:51
阅读次数：
131
1.1.1 所有盒子以边框开始计算 /*设置宽度以边框开始计算*/-webkit-box-sizing: border-box;box-sizing: border-box; 在移动端通常使用的是百分比布局，那么这样的布局如果使用border或者padding或使容器的宽度超出屏幕的宽度产生滚动条。 ...
分类：
移动开发 时间：
2016-08-30 00:01:01
阅读次数：
387
1、 (1)background-origin ： border-box | padding-box | content-box;（设置元素背景图片的原始起始位置。） //需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。 (2)background-clip(用来将背 ...
分类：
Web程序 时间：
2016-08-29 13:07:41
阅读次数：
169
一、背景 1、背景原点（background-origin）： 说明：设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat此属性才会生效。 取值：background-origin: border-box | padding-origin | cont ...
分类：
Web程序 时间：
2016-08-15 20:34:25
阅读次数：
161
本文来源：http://www.cnblogs.com/nervdy/p/5771120.html background-origin 设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat此属性才会生效。可取值有 border-box | paddin ...
分类：
Web程序 时间：
2016-08-15 14:15:57
阅读次数：
206
背景原点：background-origin 图片起始位置 border-box包括边框 padding-box边框内 content-box 内容内 **background-repeat 为no-repeat才有效 背景显示区域background-clip 超过部分被裁剪,属性同上 背景尺寸b ...
分类：
Web程序 时间：
2016-08-15 12:44:22
阅读次数：
141
一：背景样式 1，背景原点 设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat 此属性才会生效。 语法： background-origin ： border-box | padding-box | content-box; 2，背景的显示区域 设定 ...
分类：
其他好文 时间：
2016-08-15 01:32:32
阅读次数：
180
