Flexbox，一种CSS3的布局模式，也叫做弹性盒子模型，用来为盒装模型提供最大的灵活性。 首先举一个栗子，之前我们是这样实现一个div盒子水平垂直居中的。在知道对象高宽的情况下，对居中元素绝对百分比定位，然后通过margin偏移的方式来实现。 <style> .container{ width: ...
分类：
其他好文 时间：
2016-06-25 06:05:15
阅读次数：
173
第一种： 利用 display:table 和 display:table-cell 的方式 这种方式就好像将table布局搬过来一样，相信大家对table的td还是有印象的，它的内容是可以设置垂直居中的. DEMO: 第二种方式：利用css3 display:box弹性盒子模型,css3的特别样式 ...
分类：
Web程序 时间：
2016-06-16 17:38:38
阅读次数：
244
11.1 元素分类
在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、行内元素和内联块状元素。
常用的块状元素有：
、、...、、、、、、 、
常用的内联元素有：
、、、、、、、、<v...
分类：
Web程序 时间：
2016-06-12 02:35:45
阅读次数：
303
HTML/CSS部分 1、什么是盒子模型？ 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔 ...
分类：
Web程序 时间：
2016-06-08 20:22:45
阅读次数：
272
迷茫了好几天，一直在改进，一开始用盒子模型，但存在手机浏览器和屏幕的兼容问题，放弃了，之后又用传统的方法设置宽和高（前提父级设置height:100%，或固定的值），内置的两个元素，按不同比例平分父级的height:效果如下： 代码实现： css代码的class=t1&t2主要就是实现两个元素换行的 ...
分类：
其他好文 时间：
2016-06-06 20:24:09
阅读次数：
195
一、元素分类 在右边的代码编辑器中大家可以看到我们为 a 元素设置了宽和高，但都没有起到作用，原因是a在默认的时候是内联元素，内联元素是不可以设置宽和高的。 变为内联块元素即可。 二、盒子模型 外边框叫border。border margin padding都有四个方向。 三、盒子模型解析 3.1 ...
分类：
Web程序 时间：
2016-06-06 18:44:35
阅读次数：
146
width; height backgrond padding可以改变盒子的大小，一般设置了padding和border就要考虑减少盒子的width和height margin是外边距：也有上下左右，margin-top margin-bottom margin-left margin-right ...
分类：
其他好文 时间：
2016-06-06 13:47:26
阅读次数：
107
1.盒子3D模型（5层）：border、content+padding、background-image、background-color、margin 2.CSS布局模型：绝对定位（absolute）、相对定位（relative）、固定定位（fixed，与background-attachment ...
分类：
Web程序 时间：
2016-06-05 12:37:37
阅读次数：
130
盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框： 上面是 border 代码的缩写形式，可以分开写： 注意： 1、border-style（边框样式）常见样式有： dash ...
分类：
其他好文 时间：
2016-06-02 20:02:06
阅读次数：
183
弹性盒子是css自适应布局的一种好用的方法，有了它可以减少浮动的使用（避免清浮动）. 首先考虑一下兼容性 基本高版本主流浏览期都兼容,不过需要加前缀 最新写法为display:flex但是实际很多国产浏览器并不兼容,所以我还是用的display:box的写法并没有兼容两种. 所以主要介绍-webki ...
分类：
其他好文 时间：
2016-06-02 13:11:15
阅读次数：
134
