css的dl dt dd的应用
css的dl dt dd的应用:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<mce:style><!--
*{ margin:0; padding:0;}
#box{ margin:10px;
padding:10px; float:left; border:1px solid #CCC; background:#FFFFCC; font-size:12px; line-height:1.9;}
dl{ background:#CCCC00; margin:0; width:120px; text-align:center; float:left; margin:5px;}
dt{ background:#CC0033;}
dt img{display:block; margin:0 auto;}
dd{ background:#FFFF00; }
--></mce:style><style mce_bogus="1">*{ margin:0; padding:0;}
#box{ margin:10px;
padding:10px; float:left; border:1px solid #CCC; background:#FFFFCC; font-size:12px; line-height:1.9;}
dl{ background:#CCCC00; margin:0; width:120px; text-align:center; float:left; margin:5px;}
dt{ background:#CC0033;}
dt img{display:block; margin:0 auto;}
dd{ background:#FFFF00; }</style>
</head>
<body>
<div id="box">
<dl>
<dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" mce_src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>
<dd>母亲节-祝福短信</dd>
</dl>
<dl>
<dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" mce_src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>
<dd>母亲节-祝福短信</dd>
</dl>
<dl>
<dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" mce_src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt>
<dd>母亲节-祝福短信&
相关文档:
平时自己搜集了一些css的模板下载网站
现在分享给大家
第一个是openwebdesign
这个网站提供了超多的而且是免费的符合标准的css模板,以前我在百度空间
搭建博客的时候,就是经常在这里找一些喜欢的css模板,然后根据其样式
模仿
第二个是Dark eye
这个也是提供了免费的css模板,数量也很多,比较喜欢的是他可以更具颜色来 ......
1.区别IE和Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6、IE7、IE8*/
}
2.区别IE6、IE7、IE8、Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6、IE7、IE8 */
*background:black; /*IE7 */
_background:orange; /*IE6 */
}
注意,无论怎样,都是FireFox ......
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
常见兼容问题:
1.DOCTYPE
影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE
不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是
m ......
Css 图解margin 和 padding 的区别
以前常常以为margin 和 padding的区别,而老是google,现在理清了...
图解:
margin : 相当于组件的 外边缘 与外部组件的距离
padding : 相当于组件的 内边缘 与内部组件的距离 ......
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
常见兼容问题:
1、DOCTYPE 影响 CSS 处理
2、FF:div 设置 margin-left, margin-right 为 auto 时已经居中,IE 不行
3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margi ......