前端开发

先上图：

再上代码：

1
2
3
4
5
6
7
8
9
10
11
12

<div style="border: 1px solid #ccc; margin: 600px 400px 50px; padding: 10px; line-height: 3;">
<ul style="float: left;">
	<li>1、新闻标题新闻标题</li>
	<li>2、新闻标题新闻标题</li>
	<li>3、新闻标题新闻标题</li>
</ul>
<ul style="float: right;">
	<li>1、快讯标题快讯标题</li>
	<li>2、快讯标题快讯标题</li>
	<li>3、快讯标题快讯标题</li>
</ul>
</div>

如此现在相信很多朋友在测试网页IE6兼容性的时候都遇到过，就是在IE6下拖动滚动条就能看到该模块边框断线现象，但刷新又好了。下面就来详解下

阅读全文 »

首先对伪类:before与:after做下注脚

:before 伪元素在元素之前添加内容。

:after 伪元素在元素之后添加内容。

这2个伪元素允许创作人员在元素内容的 最前面/最后面 插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。该二伪类不被IE6/7所支持。

好了，进入正题

阅读全文 »

·标准模式下[IE6+(含IE6)、chrome、firefox、safari、opear等]

盒子宽度 = padding + border + width

·怪异模式下[IE5.5-(含IE5.5)]

盒子宽度 = width (注：width本身包含了padding和border宽度)

—————————-我是分割线——————————-

码：

.test{width:200px;padding:10px;border:5px solid red;background:gray;}

<div class=”test”>text</div>

截图：
阅读全文 »