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>母亲节-祝福短信&
相关文档:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.main{position:relative;width:100%}
.left{position:absolute;width:200px;border:solid 1px red; height: ......
在css文件里加入
@IMPORT url("dijit/themes/soria/soria.css");
@IMPORT url("dojo/resources/dojo.css");
将soria.css中的.soria全部替换为body,同时在html里不用再加class="soria"
使用其它风格时替换路径dijit/themes/soria/soria.css即可 ......
由于浏览器版本的不同,对CSS里某些元素的解释也不一样,才子当然也碰到同样的问题,也收集了一些解决方法,才子之前贴过两个针对浏览器版本不同而选择不同CSS的代码,有兴趣的朋友自己找找吧。
其实我们还可以利用条件注释的方法来达到类似的目的,什么是条件注释,才子也在此简单介绍一下,无非就是一些if判断啦,呵呵, ......
解决方法:
1、
用css滤镜。
<td style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_img.jpg', sizingMethod='scale'" >
2、
你可以考虑用css滤镜来做背景渐变效果,设置td的css
style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF' ......
DIV
CSS设计时IE6、IE7、FF 与兼容性有关的特性2008-03-28
14:21在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7
FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!
所有浏览器 通用 ......