Asher

HTML代码 <a class=”thumbnail”  href=”img” >图片名称<span ><img src=”$imgPath ”></span ></a > CSS 代码: .thumbnail{ position:   relative; z-index:   0; } .thumbnail:hover{ background-color:   transparent; z-index:   50; } .thumbnail   span{   /*CSS   for   enlarged   image*/ position:   absolute; background-color:   lightyellow; padding:   5px; left:   -1000px; border:   1px   dashed   gray; visibility:   hidden; color:   black; text-decoration:   none; } .thumbnail   span   img{   /*CSS   for   enlarged   image*/ border-width:   0; padding:   2px; } .thumbnail:hover   span{   /*CSS   for   enlarged   image   on   hover*/ visibility:   visible; top:   -30px; left:   60px;   /*position   where   enlarged   image   should   offset   horizontally   */ }

XHTML-CSS写作建议 所有的xhtml代码小写 属性的值一定要用双引号(“”)括起来，且一定要有值 每个标签都要有开始和结束，且要有正确的层次 空元素要有结束的tag或于开始的tag后加上”/” 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等 <h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。 给每一个表格和表单加上一个唯一的、结构标记id 给重要的区块加上注释,如： 给图片加上alt标签 所有的标签必须进行合理的嵌套 根元素前必须有元素，宣告使用那一种DTD 根元素必须有xmlns属性来指定使用http://www.w3.org/1999/xhtml的namespace CSS样式表规范： id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:newRelease（最新产品/new+Release) CSS样式表各区块用注释说明 尽量使用英文命名原则 尽量不加中杠和下划线 尽量不缩写，除非一看就明白的单词