@charset "utf-8";/*reset css for PC*/body,div{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}body, dl, dd, ...
分类：
Web程序 时间：
2015-07-18 18:19:37
阅读次数：
156
1、表单形式，一行文字，分2列或者三列，其中一列或者两列宽度固定，最后一列100%长度使用display:table外层结构样式：display:table;width:100%;box-sizing:border-box;内存固定宽度样式：display:table-cell;width:65px...
分类：
Web程序 时间：
2015-07-16 19:03:09
阅读次数：
118
@import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);* { box-sizing: border-box; margin: 0; padding: 0; font-weight: 300;}body {...
分类：
Web程序 时间：
2015-07-16 13:43:48
阅读次数：
1489
首先上一张背景知识图。
background-clip用来确定背景的裁剪区域，可取以下值：
1.border-box:此值为默认值，背景从border区域向外裁剪，超出部分将被裁剪掉。为了看的更明显，我将padding和border设置为20px；
padding: 20px;
border: dashed 20px rgba(152,10,...
分类：
其他好文 时间：
2015-07-15 11:15:24
阅读次数：
99
html代码 在线 相关css.left_item { width: 30%; height: 100%; display: inline-block; box-sizing: border-box; vertical-align: middle;}.rig...
分类：
其他好文 时间：
2015-07-07 19:24:21
阅读次数：
144
检验前端的一个基本功就是考查他的布局。很久之前圣杯布局风靡一时，这里就由圣杯布局开始，到最流行的bootstrap栅格布局。 圣杯布局 圣杯布局是一种三列布局，两边定宽，中间自适应： 1 * { 2 box-sizing: border-box; 3 } 4 ...
分类：
Web程序 时间：
2015-07-05 23:57:53
阅读次数：
476
一、bootstrap样式在Bootstrap v3.3.4中有下面一条重置样式：* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:befo...
分类：
其他好文 时间：
2015-07-02 15:25:57
阅读次数：
120
box-sizing值描述content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通...
分类：
Web程序 时间：
2015-07-01 23:35:01
阅读次数：
237
box-sizing 有4种方式border-box 用来减去padding内边框和边框 前提是设置好固定宽高content-box 在宽和高之外内边距和边框 其实基本上和原来一样inherit 继承上级节点的box-sizing的属性设置initial 初始化默认设置b/i strong/em的区...
分类：
Web程序 时间：
2015-07-01 08:39:18
阅读次数：
143
与背景相关的新增属性大家都知道在HTML页面中，元素都是由以下几部分组成使用background-clip来修改背景的显示范围，如果设定为border-box，则背景范围包含边框区域，如果设定为padding-box则不包含边框,包含padding区域。如果设定为content-box则背景只包含内...
分类：
Web程序 时间：
2015-06-22 12:25:47
阅读次数：
209
