calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起cal...
分类：
其他好文 时间：
2015-03-30 18:25:45
阅读次数：
155
CSS3 Box-sizing作者：大漠日期：2011-06-18点击：7860background-sizingcss3属性详解box-sizing是CSS3的box属性之一。一说到CSS的盒模型（Box model）我想很多人都会比较烦，特别是对于新手，然而这个Box model又是我们CSS运...
分类：
Web程序 时间：
2015-03-18 17:30:12
阅读次数：
199
先预览效果其中用到了CSS3的Transition属性：设置动画时间、效果；Transform属性：设置元素旋转、位移；box-sizing属性：以特定的方式定义某个区域的特定元素；制作小三角方法：1 width:0; height:0; overflow:hidden; 2 border:7px ...
分类：
Web程序 时间：
2015-03-04 12:50:03
阅读次数：
204
今天讲讲上下两栏布局的应用场景，在此之前稍微提一下box-sizing这个属性。该属性有三个值分别为content-box|border-box|inherit。box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。通常我们设置的高宽度其实是指内容的高宽度，是没有将边框的高宽度算在...
分类：
Web程序 时间：
2015-03-03 23:29:39
阅读次数：
808
说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了“盒模型 ...
分类：
Web程序 时间：
2015-03-03 23:23:26
阅读次数：
172
描述：我要实现一个 fluid layout, 左右结构（左定宽、右100%填充；右边子容器是上下结构，上结构定高，下结构100%填充）。思路：用 table-cell 实现左右（没有用 float），右边的上下结构采用 box-sizing: border-box;（即 padding-top +...
分类：
其他好文 时间：
2015-02-26 16:34:05
阅读次数：
172
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}有时候在某些项目中会发现这些css。box-sizing究竟有什么用还得重头说起...我们一般计算一个块状元素的宽度的时候会将左...
分类：
Web程序 时间：
2015-02-15 17:54:04
阅读次数：
461
学习制作手机页面2.先介绍一个css3的属性。box-sizing 这个属性 就是把盒模型的border 和padding 都计算在内未使用box-sizing的代码 1 2 3 4 5 box-sizing 6 7 20 21 22 23 24 使...
分类：
移动开发 时间：
2015-02-11 00:30:15
阅读次数：
238
手机页面制作3利用上节说的box-sizing解决流式布局的一个问题一个流式布局的代码 左右的width+border>100% 所以盒子会掉下去 Document 效果图使用box-sizing 后 1 2 3 4 ...
分类：
移动开发 时间：
2015-02-11 00:28:01
阅读次数：
285
定义和用法box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。默认值：content-box继承性：no版...
分类：
Web程序 时间：
2015-02-09 18:14:35
阅读次数：
1242
