CSS 定位 Static：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。 相对定位(relative)：与最近的一个元素进行定位。相对于原始的位置进行移动 注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素 ...
分类：
Web程序 时间：
2017-09-29 22:59:20
阅读次数：
292
正常情况下，页面中的块级元素(block)就好像一个个沉在水中的铁块，如果我们将铁块换成木块呢？显然它们会飘起来，浮在水面上，如图所示： 1、浮动导致的布局变动 这里使用浮动（float）这个词语实在是非常形象。当然，这里的浮动和现实中的浮动并非完全吻合。 float的4个可选项：none 、lef ...
分类：
其他好文 时间：
2017-09-29 21:28:06
阅读次数：
244
这时一个div里面的列表图标链接样式，效果如下 a：用line-style：none，将无序列表样式前符号；总是忘记用哪个元素，line-style：noneline-style：noneline-style：noneline-style：noneline-style：none b：在实现水平排列前 ...
分类：
编程语言 时间：
2017-09-29 00:36:11
阅读次数：
232
通过 CSS 来插入换行的需求在越来越多的场景中运用到，例如我们使用定义列表来呈现一行行的名值对，例如下面一段代码： 我期望达到下面的效果： 我依次做了下面的尝试： 1. 在每一个 <dd> 后面添加了一个 <br> ，让他们换行，可效果却是这样的： 查找资料我明白了，<dd> 本来是块级元素，并且 ...
分类：
其他好文 时间：
2017-09-27 17:40:49
阅读次数：
110
1、"first-line" 伪元素用于向文本的首行设置特殊样式。只能用于块级元素 1、"first-letter" 伪元素用于向文本的首字母设置特殊样式。只能用于块级元素 3、":before" 伪元素可以在元素的内容前面插入新内容。 4、":after" 伪元素可以在元素的内容之后插入新内容。 ...
分类：
其他好文 时间：
2017-09-26 17:50:21
阅读次数：
168
1 em和px都是单位，例如可用作字体的单位，任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px 2 display:block 就是将元素显示为块级的元素 块级的元素：总是在新的一行上开始 高度，行高以及顶和边距都可以控制 div,p,h1,form,ul,li是块 ...
分类：
其他好文 时间：
2017-09-25 21:56:20
阅读次数：
107
转载自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 一.相关基础 一个div块级元素没有主动为其设置宽度和高度，浏览器会为其分配可使用的最大宽度(比如全屏宽度)，但是不负责分配高度，块级元素的高度是由子元素堆砌撑起来的。那么，html和body标签的高度也都是由子级元 ...
分类：
Web程序 时间：
2017-09-25 19:55:42
阅读次数：
712
块级元素： 同一标签内写两个以上，标签会换行显示，如设置宽，则与父级之间的宽度差由margin填充； 宽度默认100%，高度随内容儿变化，宽高都可主动设置； 行内元素： 同一标签内写两个以上，标签会在同一行显示，并且之间会有空隙(该空隙是解析标签间空格所导致)； 宽，高默认为0；随内容变化，不可主动 ...
分类：
其他好文 时间：
2017-09-25 16:15:50
阅读次数：
135
浮动对页面的影响： 如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0， 下面的元素会自动补位，所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动)，不然浮动会造成父元素高度坍塌，同时浮动会脱离文档流，对整个页面布局有很 ...
分类：
Web程序 时间：
2017-09-25 14:33:01
阅读次数：
300
原来是这样的： 这时候需要给label加个样式即可对齐： 结果如下： inline-block主要的用处是用来处理行内非替换元素的高宽问题的！行内非替换元素，比如span、a等标签，正常情况下士不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。注意IE6不支持i ...
分类：
其他好文 时间：
2017-09-24 23:31:04
阅读次数：
171
