display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私 ...
分类：
其他好文 时间：
2016-09-14 00:11:21
阅读次数：
187
这几天在研究弹性布局，看书中写的是display:box，结果在chrome浏览器中是正常的，想着移动端大部分浏览器也是webkit内核的应该也没啥问题，结果确实没问题，但仔细一看，高度呢？好吧，严重的bug，高度不起作用了（特殊情况）。再查查资料原来w3c已经废了display:box;换成dis ...
分类：
其他好文 时间：
2016-09-12 15:41:41
阅读次数：
202
盒模型 规定了元素框处理元素内容、内边距、边框距和 外边距的方式。 1、内边距 元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。 Padding：简写属性。 Padding-bottom：设置元素的下内边距。 Padding-top：设置元素的上内边距。 Paddin ...
分类：
其他好文 时间：
2016-09-11 17:06:28
阅读次数：
205
本文将讲述 CSS 中最核心的几个概念，包括：盒模型、position、float等。这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。为了掌握它们，有必要写出来探讨一下，如有错误欢迎指正。 元素类型 HTML 的元素可以分为两种： 块级元素（block level ele ...
分类：
Web程序 时间：
2016-09-10 11:35:14
阅读次数：
271
第 17章 CSS边框与背景[下]学习要点：1.设置背景 本章主要探讨 HTML5中 CSS边框和背景，通过边框和背景的样式设置，给元素增加更丰富的外观。一．设置背景盒模型的尺寸可以通过两种方式实现可见性，一种就是之前的边框，还有一种就是背景。CSS背景设置的样式表如下： 属性 值 说明 CSS版本 ...
分类：
Web程序 时间：
2016-09-09 11:45:55
阅读次数：
162
第 16章 CSS盒模型[下]学习要点：1.元素可见性2.元素盒类型3.元素的浮动 本章主要探讨 HTML5中 CSS盒模型，学习怎样了解元素的外观配置以及文档的整体布局。 一．元素可见性使用visibility属性可以实现元素的可见性，这种样式一般可以配合 JavaScript来实现效果。样式表如 ...
分类：
Web程序 时间：
2016-09-08 23:11:44
阅读次数：
245
第 16章 CSS盒模型[上] 学习要点：1.元素尺寸2.元素内边距3.元素外边距4.处理溢出 本章主要探讨 HTML5中 CSS盒模型，学习怎样了解元素的外观配置以及文档的整体布局。 一．元素尺寸CSS盒模型中最基础的就是设置一个元素的尺寸大小。有三组样式来配置一个元素的尺寸大小，样式表如下： 属 ...
分类：
其他好文 时间：
2016-09-08 21:39:07
阅读次数：
144
来自Bootstrap中文网编程规范 相关的属性声明应当归为一组，并按照下面的顺序排列： 由于定位（positioning）可以从正常的文档流中移除元素，并且还能覆盖盒模型（box model）相关的样式，因此排在首位。盒模型排在第二位，因为它决定了组件的尺寸和位置。 其他属性只是影响组件的内部（i ...
分类：
Web程序 时间：
2016-09-08 09:59:53
阅读次数：
207
1.div 和 span（为了应用CSS样式） span是内联样式（只占内容存在的那一部分） div是块级元素（占一整行） 2.盒模型 margin：盒子外边距 padding：盒子内边距 border：盒子边框宽度 width：盒子宽度 height：盒子高度 3.布局的相关属性 1）positi ...
分类：
Web程序 时间：
2016-09-06 12:18:25
阅读次数：
199
京东：选择题30个，算法题2个，5个简答题；120分钟 选择题涉及范围很广：算法，操作系统，liunix,前端等。 1、优雅降级和渐进增强； 2、图片轮播；（可以讲原理或者代码） 3、cookies,sessionStorage ，localStorage的区别； 4、盒模型，行内元素和块级元素的概 ...
分类：
其他好文 时间：
2016-09-06 10:33:09
阅读次数：
1150
