Today in the standard and other blog (http://www.aa25.cn) See "Pure CSS Code Implementation page"
The article
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < HTML xmlns= "http://www.w3.org/1999/xhtml" xml:lang= "zh" lang= "zh" > <pead profile= "http://www.w3.org/2000/08/ w3c-synd/# "> <meta http-equiv=" content-language "content=" ZH-CN "/> <meta http-equiv=" Content-type " content= "text/html;charset=gb2312"/> <style> dl {position:absolute; width:389px; height:154px; border:10px solid #eee; } dd {margin:0; width:389px; height:154px; Overflow:hidden; } img {border:1px solid black} dt {position:absolute; right:3px; top:50px; } a {display:block; margin:1px; width:20px; height:20px; Text-align:center; font:700 12px/20px "Song Body", Sans-serif; Color: #fff; Text-decoration:none; Background: #666; border:1px solid #fff; Filter:alpha (OPACITY=40); opacity:.4; } a:hover {background: #000} </style> </pead> <body> <dl> <dt>123</dt> <dd> </dd> </dl> </body> </ Html>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Perhaps a lot of people on the HTML Ul,ol,li tag may be familiar with, but to DL,DT,DD may not understand, then go to w3.org to see it,
Http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-list.html
, http://www.w3.org/TR/2005/WD-xhtml2-20050527/mod-list.html
tags define a list of definitions, and the entries in the definition list are defined by using the
-
tags ("definition title", defining title) and
-
tags ("definition description", which defines the description) are created.
-
Given the name of the term,
-
The tag gives the definition of the term.
Other words
-
Used to create upper-level items in the list,
-
Used to create the lowest item in the list,
-
And
-
Must be placed
between the </dl> logo pair.
