display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。一、使用以及介绍:1、要实现水平或者垂直切分,必须先满足以下要求 i. display : box必须用在对应的...
分类:
Web程序 时间:
2015-07-24 12:38:13
阅读次数:
101
div与span是常用的盒子模型;区别: div默认是垂直分布(独占一行) span默认是水平分布(一行可以有多个)通过float属性可以改变div容器的分布方式达到span容器的效果;下面介绍下display这个属性; display的可选参数项: 默认值为 inline (内联即水平分布),.....
分类:
Web程序 时间:
2015-07-23 19:04:59
阅读次数:
150
盒子模型 盒子模型应用块状标签,比如等都可以应用盒子模型盒子模型,比如逻辑快,就如一个盒子一样,盒子里分为边框,内填充,外边距。外边框到内容标签的距离称为padding:padding-top,padding-bottom,padding-left,padding-right,盒子与另外一个盒子的....
分类:
Web程序 时间:
2015-07-22 20:50:03
阅读次数:
129
盒子模型有两种,分别为标准 W3C 盒子模型和 IE 盒子模型。他们对盒子模型的解释各不相同。我们先来看熟悉的标准 W3C 盒子模型:从上图可以看出,标准 W3C 盒子模型的范围包括margin、border、paddding、content,并且content宽度计算不包括其他部分。再来看 IE ...
分类:
Web程序 时间:
2015-07-22 18:30:50
阅读次数:
135
http://www.w3cplus.com/content/css3-box-sizinghttp://tantek.com/CSS/Examples/boxmodelhack.htmlbox-sizing是CSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,...
分类:
Web程序 时间:
2015-07-22 10:38:41
阅读次数:
170
oDiv.clientWidth---》width+左右padding oDiv.clientHeight---》height+上下padding oDiv.clientTop---》上边框的高度 oDiv.clientLeft---》左边框的宽度 oDiv.offsetWi...
分类:
编程语言 时间:
2015-07-21 01:22:05
阅读次数:
110
css标准/非标准流:在网页布局中,写在前面的元素,出现在前面,后面的元素;显示在后面,这是默认布局方式,也叫标准流非标准流:在实际开发网页中,可能需要使用非标准流的方式来布局(让某个元素脱离它本身的位置)也叫非标准流盒子模型:css.css文件body{ border:1px solid ...
分类:
Web程序 时间:
2015-07-16 19:36:38
阅读次数:
126
转自:http://segmentfault.com/a/1190000000465431问题此部分用于自测。如有疑惑,可参看后文的答案部分。HTMLDoctype作用? 严格模式与混杂模式如何区分?它们有何意义?行内元素有哪些?块级元素有哪些? 空(void)元素有那些?介绍一下CSS的盒子模型?...
分类:
Web程序 时间:
2015-07-14 20:15:55
阅读次数:
149
list-style-type:none是指不显示项目符号1、块级元素的特点: 常用的块级元素有:body,ul li,ol li,h1-6,div,hr,p,table……等 (1)块级元素里面的内容,或者背景图片,默认显示在块的左上角 (2)块级元素,默认情况下,单独占满一行。 常用的块...
分类:
Web程序 时间:
2015-07-12 10:52:31
阅读次数:
143