1、a) 下列HTML标签的涵义 ol/li dl/dd/dt colgroup del fieldset ins pre: b) 画出下面的盒模型: #div { border: 5px solid ; heigth: 200px; width: 300px; padding: 10px; ma....
分类:
其他好文 时间:
2015-10-25 16:11:40
阅读次数:
209
盒模型就是一个盒子(见下图),盒子的大小是最外层虚线包含的区域,盒子包括内容区、内边距、边框、外边距。
分类:
其他好文 时间:
2015-10-15 20:41:22
阅读次数:
151
css盒子模型原理:在网页设计中常听的属性名:内容(content)、填充/内边距(padding)、边框(border)、外边距(margin), CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些...
分类:
其他好文 时间:
2015-10-09 09:20:29
阅读次数:
225
以前只知道border属性是盒模型中的边框属性,一直不清楚每个边的border是矩形拼接有重合呢,还是梯形无缝拼接的。为了观察边框究竟是哪一种拼接方式,为边框设置不同的颜色背景,代码如下:div{ width: 0; height: 0; ...
分类:
其他好文 时间:
2015-10-08 21:18:20
阅读次数:
150
盒模型结论一:没有(就是没有设置 width 的)宽度的元素始终会扩展到填满其父 元素的宽度为止。添加水平边框、内边距和外边距,会导致内容宽度减少,减少量 等于水平边框、内边距和外边距的和。盒模型结论二:为设定了宽度的盒子添加边框、内边距和外边距,会导致盒子扩展 得更宽。实际上,盒子的 width ...
分类:
其他好文 时间:
2015-10-06 00:42:33
阅读次数:
217
css3中增加的背景相关的样式十分好用background-origin : 决定了背景在盒模型中的初始位置,提供了三个值,border,padding和content;background-clip: 决定了边框是否覆盖住背景,提供了两个值,border和padding;background-si...
分类:
Web程序 时间:
2015-10-05 20:52:19
阅读次数:
222
以前只知道border属性是盒模型中的边框属性,一直不清楚每个边的border是矩形拼接有重合呢,还是梯形无缝拼接的。border梯形 为了观察边框究竟是哪一种拼接方式,为边框设置不同的颜色背景,代码如下:#content{ width: 100px; height: 100px; ...
分类:
其他好文 时间:
2015-10-05 15:36:48
阅读次数:
169
IE6的兼容性问题一直都是前端工程师的恶梦,为了早早脱离这种困境,本文整理了一些相关兼容性的知识,感兴趣的朋友可以参考下哈,希望可以帮助到你。1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明 2、IE6在块元素、左右浮动、设定mar...
分类:
其他好文 时间:
2015-10-04 15:57:00
阅读次数:
175
[1]偏移量offset
[2]客户区大小client
[3]滚动大小scroll
[4]元素大小getBoundingClientRect()
分类:
其他好文 时间:
2015-09-29 20:21:54
阅读次数:
269
[1]宽高bug
[2]边框bug
[3]盒模型bug
[4]LIbug
[5]浮动bug
[6]定位bug
[7]表单bug
分类:
Web程序 时间:
2015-09-29 11:17:04
阅读次数:
148