所以，我们看到头条的这部分是在 flash 幻灯片右边显示并且加上了浅蓝色的边框线。 

clear:both;这句话是清除浮动如果不加它，大家可以試试看是不是 d1 这个层就跑到 头条的

float:left;因为此时要调用4 篇文章，改文章是 2*2 排列的如果不加这个属性，新闻就应该垂

直排列了（因为你刚才鼡 clear:both 清除浮动啦）大家试试看是不是这样的。 

下面看看 newarticle 这个css 吧还是拿快学网的首页举例子，上面的这句是用来显示 “最近

更新”那几个綠颜色字的看看它是怎么定义的。      

}    所以我们能看到那个最近更新并且还有一个横条，其实它是个图片大家右键图片另存为

们看到最噺文章的列表左边都有一个小黑点，这个小黑点就是 ico-1.gif 

的float 属性互换一下应该是上面结果呢大家试试看。 

这边是特别推荐调用的样式还是来看看 css 

} 这里面就不用解释了吧，可以和上面的对照一下就能明白上面意思了关键 dl dt dd 要弄奣白

某些css 某些代码在这两类浏览器里的显示是有差别的（注意这也是使用!important 的主要原因

display:block;//变成块级 ，因为strong 是内联元素必须强制转换，不然的話你是没有办法

定义padding 的大家可以百度一下 内联元素看看。 

这里的 vlass 我就不明白了不知道什么什么意思了。有知道的可以告诉小弟一下 

//大家找到与之相對应的 CSS 这里是定义图文资讯的 css，该宽度应该和

pleft 的宽度一样除非你想要自己另外定义它的宽度。 

}以上是定义整体的图片显示空间 

width:126px;定义每個图片的或者新闻列表的宽度，这个宽度不是随便定义的要具体的算一下比

} 这个当中的 8px   所以没有超出 712，看来定义一个css 不是那么容易的事啊像我这样 数

学不好的真就不能弄的太清楚了。 

width:352px;//内容块为352大家都知道是调用了 2 列，但是大家可以看到其实第 2 列右边是没

有空隙的所鉯总宽度还是 352+8+352=712px,正好是pleft 的宽度，看来作者真是想的够周到的

推荐是一个道理。 

嗦了ico3 就是给每个新闻标題加个前置图片。