一、什么是BFC 1.Formatting context:页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及其他元素的关系和相互作用。 2.Box:css布局的基本单位。元素的类型和display属性决定了这个box的类型。不同类型的box,会参与不同的Formatting ...
分类:
Web程序 时间:
2017-05-19 21:08:04
阅读次数:
198
五、什么是层模型? 什么是层布局模型?层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样, 每个图层能够精确定位操作,但在网页设计领域,由于网页大小的活动性,层布局没能受到热捧。 但是在网页上局部使用层布局还是有其方便之处的。下面我们来学习一下html中的层布局。 如何让html ...
分类:
Web程序 时间:
2017-05-18 09:44:20
阅读次数:
299
标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型 盒子模型是css中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型分两种: ie 盒子模型和标准 w3c 盒子模型。 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content,并且 c ...
分类:
Web程序 时间:
2017-05-17 13:44:20
阅读次数:
190
1、使用可弹出伸缩窗调整了之前的页面布局,使用这样的布局使整个界面看起来更加清爽也更简洁2、以上图左側面板为例,实现比較简单,仅仅需了解html和css布局就大致差点儿相同了html代码: CSS: js代码: 布局须要有耐心。一点点调整已到达自己觉得惬意的程度 1、使用可弹出伸缩窗调整了之前的页面 ...
分类:
Web程序 时间:
2017-05-15 22:31:16
阅读次数:
158
2017-05-12 16:02:53:1.小技巧:在<style type="text/css"><!--.../*your css code*/--></style>利用这样的写法可以实现若包围css代码的两边style写错,则css code会被自动注释2.几种简写模式:background: ...
分类:
其他好文 时间:
2017-05-14 10:33:13
阅读次数:
123
第一阶段: HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础: Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效: 常见特效、例如:tab、导航、整页滚 ...
分类:
其他好文 时间:
2017-05-12 17:32:50
阅读次数:
174
在CSS标准文档中,视口viewport被称为初始包含块。这个初始包含块是所有CSS百分比宽度推算的根源,它给CSS布局限制了一个最大宽度。在桌面上,视口的宽度和浏览器窗口的宽度一致。而在移动端,视口分为布局视口(layoutviewport)、视觉视口(visualviewport)和理想视口(idealview..
分类:
移动开发 时间:
2017-05-10 14:35:40
阅读次数:
279
DIV+CSS布局中主要CSS属性介绍: Float: Float属性是DIV+CSS布局中最基本也是最常用的属性,用于实现多列功能,我们知道<div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能,最直接解释方法就是能实现表格布局的多列功能。 Margin: Mar ...
分类:
Web程序 时间:
2017-05-09 11:29:17
阅读次数:
170
网站建设离不开页面设计与编程的结合,这里主要讲编程,下面就来看看关于DIV+CSS云南网站制作页面布局的九大原则: 原则一:一般要写兼容IE6,IE7和FIREFOX的网页,最省事的方法就先写适合IE7的样式,因为IE7和FIREFOX很接近,这样判断浏览器兼容的工作量就能减小到最少。 原则二:逐步 ...
分类:
Web程序 时间:
2017-05-08 23:15:40
阅读次数:
227