display:box;是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。设置父容器样式display:box;.father{ margin: 0 auto; width:...
分类：
Web程序 时间：
2015-06-02 16:55:59
阅读次数：
241
在写插件之前我们需要引用一个jquery库html代码如下：123112233css如下：.ina_tab{ width:300px; height:200px; background:#ddd; float:left; margin:20px;}.ina_tab ul{ width:100%; f...
分类：
其他好文 时间：
2015-06-02 15:04:30
阅读次数：
119
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,u,i {list-style:none;padding:0;margin:0;}img,inpu...
分类：
其他好文 时间：
2015-06-02 12:54:19
阅读次数：
141
大家在网站建设中都会遇到整个页面文本居中的问题，有的人会说直接用margin:0 auto;不就可以了么！但是这只能设置一个元素的居中，如果想要整个页面居中，就必须设置所有元素居中，这样会很麻烦！下面给大家提供一个方法：这个方法可以兼容IE，火狐等浏览器，如果单单设置body不设置center的话，...
分类：
其他好文 时间：
2015-06-02 12:44:41
阅读次数：
96
有这样一种情况，在两列布局的基础上，将列的数量改为三栏。其中左右两列的宽度固定，中间部分的宽度随着浏览器宽度变化而变化。
首先，我们还是介绍一下传统的方法，就是利用了margin取负值的技巧。
代码如下：
三列布局
middle
left
right
CSS代码如下：
.margin-left--1 {
margin-left:-100%;
}
...
分类：
Web程序 时间：
2015-06-02 09:25:49
阅读次数：
95
页面布局
标准的页面的布局首页
body {
font-family: Arial;
margin: 0px; /*很多标签它们默认是有样式的，比如body就有外边距和内边距，我们一般会把body的外边距和内边距先清空，这样的话我们的内容就可以挨着边放了*/
padding:...
分类：
Web程序 时间：
2015-06-02 00:26:08
阅读次数：
115
css选择符就是，表示你将把你定义的样式，用给谁。css盒子模型一个盒子是由以下几部分构成：1.盒子中的内容content2.盒子的边框border3.盒子的边框与内容之间的距离，称为填充padding，内边距(内补丁)4.多个盒子存在时，盒子与盒子之间的距离，称为边界margin，外边距(外补丁)c..
分类：
其他好文 时间：
2015-06-01 20:45:14
阅读次数：
139
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,u,i {list-style:none;padding:0;margin:0;}
分类：
Web程序 时间：
2015-06-01 18:40:06
阅读次数：
174
为了防止浏览器宽度变化影响内容的显示 通常会这样做 …… .wrapper { width:960px; margin:auto;}这样内容就有了一个固定的宽度 而且能居中显示当窗口宽度小于960px就要考虑响应式布局了CSS定位默认static布局 按照从上往下排列rela...
分类：
Web程序 时间：
2015-06-01 18:37:16
阅读次数：
143
在布局中，我们常常需要出现两列的情况，其中左边一列固定宽度，右边一列随着浏览器宽度变化而变化。如何实现呢？
传统的方法是利用float将左部分浮动起来，再通过margin将右部分右移，得到所需效果，代码如下：
css代码如下：
.color-blue {
color:blue;
}
.color-yellow {
color:yellow;
}
.background...
分类：
Web程序 时间：
2015-06-01 09:40:20
阅读次数：
143
