一、三列布局 三列布局要求：1.两边固定，中间自适应 2.当中列要完整显示 3.当中列要优先加载 1.圣杯布局 2.双飞翼布局 两组实现布局方法的对比 1.都是把主列放在文档流最前面,主列优先加载 2.都是让三列浮动,通过负外边距形成三列布局 3.不同之处在于如何处理中间主列的位置，圣杯布局是利用父 ...
分类：
Web程序 时间：
2019-10-28 19:04:12
阅读次数：
109
1.使用自身浮动法： 自身浮动法的原理就是对左右分别使用float:left和float:right，float使左右两个元素脱离文档流，中间元素正常在正常文档流中。对中间文档流使用margin指定左右外边距进行定位。该布局法的不足是三个元素的顺序，middle一定要放在最后，middle占据文档流 ...
分类：
其他好文 时间：
2019-10-27 16:50:51
阅读次数：
89
行内元素的特点有： 1、与其他元素在同一行 2、宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)不可设置 其实这4个属性是可以设置的，但是不 ...
分类：
其他好文 时间：
2019-10-26 18:59:44
阅读次数：
62
盒子模型网页上的每一个标签都是一个盒子每个盒子都有四个属性内容（content）盒子里装的东西网页中通常是指文字和图片填充（padding，内边距）怕盒子里装的（贵重的）东西损坏，而添加的泡沫或者其它抗震的辅料边框（border）：盒子本身边界（margin，外边距）盒子摆放的时候的不能全部堆在一起，盒子之间要留一定空隙保持通风，同时也为了方便取出上2图：在网站点击检查（或审查元素），就可以看到盒
分类：
其他好文 时间：
2019-10-25 23:40:15
阅读次数：
153
块级元素(block level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 霸道 块级元素的特点： （1）总是从新行开始 （2）高度，行高、外边距以及内边距都可以控制。 （3）宽度默认是容器的100% （4）可以容纳内联元素和其 ...
分类：
其他好文 时间：
2019-10-16 21:33:53
阅读次数：
73
一、盒子模型练习 我们有个需求： 创建两个盒子，大盒子嵌套一个小盒子，大盒子是红色的，小盒子是蓝色的，并且小盒子在大盒子中是居中的。 注意点： （1） 注意点：如果两个盒子是嵌套关系，设置里面的盒子的外边距的话，外面的 盒子也会顶下来 ，即：仅有属性： margin-left:100px; marg ...
分类：
Web程序 时间：
2019-10-14 01:36:24
阅读次数：
121
1.css3盒模型： ①margin外边距： Margin-top，Margin-right，Margin-bottom，Margin-left ②Border边框： Border-width Border-style:solid实线边框，dotted点状边框，double双线边框 Border-c ...
分类：
Web程序 时间：
2019-10-11 12:39:17
阅读次数：
93
[TOC] 前端内容介绍 静态网页：没有与用户进行交互而仅仅供读者浏览的网页。 动态网页：用户不仅仅可以浏览网页，还可以与服务器进行交互。 网页组成：HTML（结构）+CSS（样式）+JavaScript（行为） web服务本质：浏览器(客户端)发请求—— HTTP协议—— 服务端返回响应—— 服务 ...
分类：
Web程序 时间：
2019-10-10 20:48:08
阅读次数：
162
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者 在父级容器有上下外边距的情况下，子元素如果添加外边距，父元素和子元素的垂直方向上的外边距会合并，相邻元素也会合并。在用margin给子元素和父元素之间留空白的时候通常会发生这 ...
分类：
其他好文 时间：
2019-10-09 12:13:46
阅读次数：
173
dom.style.width/height：只能取出内联样式的宽度和高度 dom.currentStyle.width/height：获取即时的计算的样式，但是只有IE支持 window.getComputedStyle(dom).width：获取即时计算的样式，支持其他浏览器，兼容性更好 dom ...
分类：
Web程序 时间：
2019-10-01 22:15:47
阅读次数：
160
