1、Q:IE6怪异解析之padding与border算入宽高 原因：未加文档声明造成非盒模型解析 A：加入文档声明<!doctype html> 2、Q:IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距） A：display:inline 3、其实是同一种bug 1）字体大小为 ...
分类：
其他好文 时间：
2016-04-25 22:34:21
阅读次数：
252
1.盒子模型 在进行网页设计的时候，我们使用的是盒子模型，其内容如下： 整个网页就是大盒子套小盒子，小盒子又套更小的盒子来实现的。但是在做网页设计时总是搞不清margin和padding的使用方式，在此特地探讨一下。 2.margin 1.margin-top 只有块元素有margin-top，内联 ...
分类：
其他好文 时间：
2016-04-21 18:08:39
阅读次数：
186
这周学习了盒子模型，margin,值可以为负，两个块元素之间垂直方向的margin会重叠；padding是元素与border间的区域，不可为负，不可重叠。 浮动：主要解决两个竖着的变成两个横向的。浮动不会穿过padding区域，特点：对原元素的包裹性；对父级的塌陷性。也可以清除浮动：clear:bo ...
分类：
其他好文 时间：
2016-04-17 20:32:25
阅读次数：
113
div标签与span标签的区别 div 和 span 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。主要用于应用样式表。div与span两者最显著的区别在于div是块元素可以包含段落、 标题、表格，乃至诸如章节、摘要和备注等。而span是行内（即内嵌）元素，span 的前后是不会换行的 ...
分类：
其他好文 时间：
2016-04-17 00:44:05
阅读次数：
134
宽高自适应问题 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是自适应。 元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。 （1）宽度自适应 元素宽度设置为100%。（块元素宽度默认为100%） ...
分类：
其他好文 时间：
2016-04-14 01:22:30
阅读次数：
166
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。最常见的就是P和d ...
分类：
其他好文 时间：
2016-04-13 13:13:35
阅读次数：
121
<!doctype html><html><head><meta charset="utf-8"><title>块元素DIV-垂直/水平居中（动态）</title><script type="text/javascript" src="js/jquery.js"></script><script t ...
分类：
其他好文 时间：
2016-04-13 12:54:44
阅读次数：
96
块: 1.独占一行 2.支持所有的样式 3.不设置宽度的时候，宽度撑满整行 常用的快标签有： div，section，header，nav，footer，article，aside，ul，ol，li，dl，dt，dd，h1~h6，p， 内嵌: 1.多个内嵌元素可以在一行显示 2.不支持宽高，对上下的 ...
分类：
Web程序 时间：
2016-04-10 06:47:53
阅读次数：
141
display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli ...
分类：
其他好文 时间：
2016-04-06 16:50:44
阅读次数：
98
CSS浮动和清除 什么是浮动？ 在实现效果上，让元素浮起来（飘起来），动起来（向左或向右移动） 浮动本质：就是将两个块元素同存一行。 float 取值：主要是对浮动的方向进行控制 left：让元素向左浮动 right：让元素向右浮动 浮动的特性： 当网页中的某些元素（如：div1，div2，div3... ...
分类：
Web程序 时间：
2016-04-05 00:37:04
阅读次数：
219
