摘要：
◇组件名称: 远程翻转◇功能描述： 在图片上鼠标移动到图片对应人物区域，会有框提示。◇上下文情景： 图片圈人，类似人人网效果。◇工作方式&技术要点 ·使元素框透明，当鼠标出发hover时提供样式，使其显示，达到人人圈人效果。 ·通过下拉菜单的position:absolute;效果，远程调用显示效果。◇DEMO展示1.圈人效果DEMO：点此打开2.圈人特效DEMO：点此打开3.远程翻转DEMO：点此打开 阅读全文
摘要：
◇组件名称: CSS翻转器◇功能描述： 鼠标hover图像翻转或效果转换。◇方法介绍（IE6加hovercss.hover） 1.利用伪类:hover属性，为元素翻转时替换另一个样式。 2.CSS精灵，图片都制作在一起，翻转式为图片重新定位。 阅读全文
摘要：
◇组件名称: 突出显示不同类型的链接◇功能描述： 不同类型的链接，将会显示不同的图片。◇代码展示1.为外部样式添加链接a[href^="http:"] { background: url(img/externalLink.gif) no-repeat right top; padding-right: 10px;}a[href^="http://www.xxx.com"], a[href^="http://xxx2.com"] { background-image: none; padding-right: 0;}第一条为所有链接添加 阅读全文
摘要：
◇组件名称: 不透明度◇功能描述： 创作半透明效果。◇代码展示1.CSS创建半透明效果.box { background-color: #000; opacity: 0.8; filter: alpha(opacity=50); /*proprietary IE code*/}2.CSS3中color新属性RGBa.box { background-color: rgba(0,0,0,0.8);}3.使用PNG透明度其中IE6不支持需使用下面代码：.img-wrapper div { filter:progid:DXImageTransform.Microsoft.AlphaImageLoad 阅读全文
摘要：
◇组件名称: 投影效果◇功能描述： 创作图片投影效果。◇上下文情景： 图片展示时产生投影效果，则可以调用此控件。◇工作方式&技术要点 ·CSS位移投影父容器为一张投影头，图片通过左上位移显示阴影，可以用负边距，也可以用相对偏移。 ·CSS3有投影属性box-show创建投影。◇代码展示1.CSS位移投影View Code .img-wrapper { background: url(img/shadow.gif) no-repeat bottom right; float:left; line-height:0;} .img-wrapper img { backgr 阅读全文
摘要：
◇组件名称: CSS3圆角◇功能描述： 通过父容器设置多个背景实现圆角效果。◇工作方式&技术要点 ·CSS3支持多背景图。◇代码展示1.多图片圆角View Code .box { background-image: url(img/mtop-left.gif), url(img/mtop-right.gif), url(img/mbottom-left.gif), url(img/mbottom-right.gif); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-posit 阅读全文
摘要：
◇组件名称: reset.css◇功能描述： 重置部分元素样式。◇上下文情景： 不同浏览器对元素解释不同，用以重置这些元素。◇版本更新地址： http://meyerweb.com/eric/tools/css/reset/ http://www.cssreset.com/ http://yuilibrary.com/yui/docs/cssreset/◇代码演示（v2.0 | 20110126）：/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/ht... 阅读全文
摘要：
◇组件名称: 下拉菜单◇功能描述： 下拉菜单，1、2用display:none,block实现，3用远程定位position:absolute;实现(推荐使用)。◇上下文情景： 应用于栏目较多的网站，用于首页导航。◇工作方式&技术要点 ·第二级菜单进行隐藏，使用display:none;方法，当父容器:hover时，display:block;使其显示出来。 ·第三级或以上菜单的显示和隐藏不再使用display方法，而是使用visibility:hidden;和visibility:visible;来实现显隐。同样是通过设置父容器的:hover。 ·IE6 阅读全文
摘要：
Author：Chemandy第一章 开始 1. XHTML和HTML区别 □在XHTML中，<html>、<head>和<body>都是必需的标签。 □必需设置<html>标签的xmlns属性，且其值为“http://www.w3.org/1999/xhtml”。 □所有元素都必须结束。 □所有标签都必须是小写。 □任何属性值必需要么用单引号引起来，要么用双引号引起来。 □所有属性必需有值。 □“&”符号必须编码。（&）无论是正文中还是URL中。 2. 相比HTML，XHTML的几项优势： □使用XHTML技术，能够在文档 阅读全文