盒模型分两种模式 第一种就是 IE版本的盒模型 一种就是W3C版本的盒模型 盒模型的分布一般就是 最中间的content 内容那一部分 然后往外走就到了padding这个部分 之后就到了边框部分 border 最后才到margin部分 这里要注意一下的就是 IE版本的盒模型 它的内容部分是包括pad ...
分类：
其他好文 时间：
2016-07-23 16:36:09
阅读次数：
122
盒模型的属性： margin,border,padding,内容大小 线上显示地址http://js.jirengu.com/codutazowi test1使用了border-box后的变化 test2没使用border-box的变化 test1就是使用了border-box，模仿了怪异模式中的I ...
分类：
Web程序 时间：
2016-07-23 15:07:59
阅读次数：
157
一、margin可以为负值 在盒模型中，内容区的width/height、padding、border都不能为负值，但是margin例外，它可以为负值。 关于margin负值的使用技巧，了解不多，日后有机会再补充，此处先贴一个经典应用，margin-left负值结合浮动实现不改变DOM结构的流体布局 ...
分类：
Web程序 时间：
2016-07-21 06:23:32
阅读次数：
263
盒模型 一、盒子中的区域 一个盒子中主要的属性就5个：width、height、padding、border、margin。 width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。 height是“高度”的意思，CSS中height指的是内容的高度，而不是盒子的高度 pa ...
分类：
其他好文 时间：
2016-07-20 21:31:11
阅读次数：
205
盒子是CSS中的基础概念，我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距，或者使用 padding 简写属性在一条声明中设置所有的值。 如果使用百分数值指定内边距，百分数总是根包含块的宽度 ...
分类：
Web程序 时间：
2016-07-19 20:50:33
阅读次数：
207
1、盒模型： 实际宽度：外边距*2+内边距*2+边框*2+内容宽度（注意这点，可解决界面元素轻微浮动问题，如hover有边框,以前没的时候会有轻微浮动） 作用：他规定了网页元素如何显示以及其相互关系 2、padding会撑大容器，而margin不会。 这点巧用（自己总结的）：① 能用margin的别 ...
分类：
Web程序 时间：
2016-07-16 19:26:00
阅读次数：
184
内容概要：一、div和span(1)块级标签：div(2)内联标签：span如图所示：二、盒模型(重要)注：可用浏览器的调试工具可查看盒子（1）margin:盒子外边距（2）padding:盒子内边距（会改变块的大小）（3）border:盒子边框宽度（4）width:盒子宽度（5）height:盒子高度①：外边距和内..
分类：
Web程序 时间：
2016-07-16 07:15:08
阅读次数：
754
大家都了解盒模型吧，content+padding+border+margin组成的盒模型，今天主要讲的就是其中的margin（元素的外边距） 盒子的容器从不能的角度分析，有两种不同的定称，一种是只有content和padding，border组成的，我们称之为可视尺寸（clientWidth、cl ...
分类：
其他好文 时间：
2016-07-16 06:34:30
阅读次数：
156
CSS（Cascading Style Sheet，层叠样式表），及其精巧且富有表达力，开发者可以用最为高效的方式高度掌控网页内容的表示。 1. 盒模型 CSS中的一个基本概念是盒模型（box model）。可见元素会在页面中占据一个矩形区域，该区域会在页面中占据一个矩形区域，该区域就是元素的盒子， ...
分类：
Web程序 时间：
2016-07-15 20:40:44
阅读次数：
144
flexbox的核心是自适应动态变化的弹性布局 伸缩布局盒模型和术语 主轴main axis:Flex容器的主轴主要用来配置Flex项目。注意，它不一定是水平，这主要取决于flex-direction属性。main-start | main-end:Flex项目的配置从容器的主轴起点边开始，往主轴终 ...
分类：
其他好文 时间：
2016-07-14 15:11:49
阅读次数：
158
