小提示窗口(纯css),,CIO之家

小提示窗口(纯css)

网友　　其它 | http://dev.mo.cn/article_261.html　　　　编辑:德仔　　图片来源:网络

lt;!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot; http://www.w3.org/TR/xh

<!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>
<title>小提示窗口</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
body{

        font-size:12px;

}
a.tip{
        color:red;
        text-decoration:none;
        position:relative;
}
a.tip span {display:none;}

a.tip:hover {cursor:hand;}
a.tip:hover .popbox {
        display:block;
        position:absolute;
        top:15px;
        left:-30px;
        width:100px;
        background-color:#424242;
        color:#fff;
        padding:10px;
}

</style>
</head>

<body>

</p>目前推荐遵循的是W3C于1998年5月12日推荐
<a href="#" class="tip">CSS<span class="popbox">Cascading Style Sheets 层叠样式表</span></a>
。<a href="#" class="tip">W3C<span class="popbox">World Wide Web Consortium 万维网联盟</span></a>创建CSS标准的目的是以CSS取代<a href="#" class="tip">HTML<span class="popbox">Hyper Text Mark-up Language 超文本标记语言</span></a>表格式布局、帧和其他表现的语言。纯CSS布局与结构式<a href="#" class="tip">XHTML<span class="popbox">The Extensible HyperText Markup Language 可扩展超文本标记语言</span></a>相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。</p>

</body>
</html>

本文作者:网友来源:其它 | http://dev.mo.cn/article_261.html
CIO之家 www.ciozj.com 微信公众号:imciow

免责声明:本站转载此文章旨在分享信息，不代表对其内容的完全认同。文章来源已尽可能注明，若涉及版权问题，请及时与我们联系，我们将积极配合处理。同时，我们无法对文章内容的真实性、准确性及完整性进行完全保证，对于因文章内容而产生的任何后果，本账号不承担法律责任。转载仅出于传播目的，读者应自行对内容进行核实与判断。请谨慎参考文章信息，一切责任由读者自行承担。

延伸阅读