Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSS實現ÎÄ×ÖµÄ邊¿òЧ¹û

<!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="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}
div {
position:absolute;
top:20px;
left:20px;
padding:0;
color:#000;
z-index:3;
}
#d2, #d3, #d4, #d5, #d6, #d7 {color:#fd6;}
#d8, #d9, #d10, #d11, #d12, #d13 {color:#ffa;}
.top {color:#fff;}
#d2 {
top:19px;
left:19px;
z-index:2;
}
#d3 {
top:21px;
left:21px;
z-index:2;
}
#d4 {
top:19px;
left:21px;
z-index:2;
}
#d5 {
top:21px;
left:19px;
z-index:2;
}
#d6 {
top:19px;
z-index:2;
}
#d7 {
top:21px;
z-index:2;
}
#d8 {
top:18px;
left:18px;
z-index:1;
}
#d9 {
top:22px;
left:22px;
z-index:1;
}
#d10 {
top:18px;
left:22px;
z-index:1;
}
#d11 {
top:22px;
left:18px;
z-index:1;
}
#d12 {
top:18px;
z-index:1;
}
#d13 {
top:22px;
z-index:1;
}
--></mce:style><style type="text/css" mce_bogus="1">* {
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}
div {
position:absolute;
top:20px;
left:20px;
padding:0;
color:#000;
z-index:3;
}
#d2, #d3, #d4, #d5, #d6, #d7 {color:#fd6;}
#d8, #d9, #d10, #d11, #d12, #d13 {color:#ffa;}
.top {color:#fff;}
#d2 {
top:19px;
left:19px;
z-index:2;
}
#d3 {
top:21px;
left:21px;
z-index:2;
}
#d4 {
top:19px;
left:21px;
z-index:2;
}
#d5 {
top:21px;
left:19px;


Ïà¹ØÎĵµ£º

±àд·ûºÏSEO±ê×¼µÄDIV+CSS·ç¸ñÍøÒ³

SEO¼´ËÑË÷ÒýÇæÓÅ»¯£¬´ÓĿǰ»¥ÁªÍøµÄ·¢Õ¹×´¿öÀ´¿´£¬ÊµÏÖSEOÓÐÖúÓÚÆóÒµ¼õÉÙÍøÂçÍÆ¹ãµÄ³É±¾¡£SEOµÄÊÖ¶ÎÓкܶàÖÖ£¬»òÕ߹̶¨µÄ¼¼Êõģʽ£¬»òÕ߷ǹ̶¨µÄËùνÒÕÊõģʽҲ¡£DIV+CSSÊǵ±Ç°¹«ÈϵÄÍøÒ³Éè¼Æ±ê×¼£¬ÊǹãÎªÍÆ³çµÄÍøÒ³Éè¼ÆÐ·¶Ê½£¬ËäÈ»TABLE»¹±»¹ã·ºÓ¦Ó㬵«DIV+CSSÓÅÐãµÄ½çÃæ¿ØÖÆÄÜÁ¦£¬»¹ÊÇÓµÓÐÁ˷dz£Ç¿µÄ¾ºÕùÓÅÊÆ¡£µ±È»£¬Ä¿ ......

³£ÓõÄCSSÃüÃû¹æÔò

Í·£ºheader
¡¡¡¡ÄÚÈÝ£ºcontent/container
¡¡¡¡Î²£ºfooter
¡¡¡¡µ¼º½£ºnav
¡¡¡¡²àÀ¸£ºsidebar
¡¡¡¡À¸Ä¿£ºcolumn
¡¡¡¡Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper
¡¡¡¡×óÓÒÖУºleft right center
¡¡¡¡µÇ¼Ìõ£ºloginbar
¡¡¡¡±êÖ¾£ºlogo
¡¡¡¡¹ã¸æ£ºbanner
¡¡¡¡Ò³ÃæÖ÷Ì壺main
¡¡¡¡Èȵ㣺hot
¡¡¡¡ÐÂÎÅ£ºnews
¡¡¡¡ÏÂÔØ£ºdown ......

IEÓëFFÔÚjs¡¢css¡¢html·½ÃæµÄ²»¼æÈÝÎÊÌâ


jsÒªÇó£ºÎªÊ¹ÏµÍ³ÄÜÔÚIEºÍFFÏÂÕý³£ÔËÐУ¬²»ÒªÊ¹ÓÃÔ­Éú̬µÄjavascript£¬½¨ÒéʹÓÃjsµÄ¿â£¨È磺jquery£©
        ²¢ÇÒÒªÇóÓÃjqueryÖУ¬»ñÈ¡¶ÔÏóµÄÊôÐÔʹÓÃ$obj.attr("attrName"),²»ÒªÊ¹ÓÃobj.attrName,·ÀÖ¹×Ô¶¨ÒåµÄÊôÐÔÔÚFFÖв»ÄÜÕý³£ÔËÐÐ
1¡¢ÎÊÌ⣺<span></span>ÔÚFFÏÂÔË ......

CSS»ù´¡ÖªÊ¶

1¡¢CSSµÄÓï·¨ÊÇÕâÑùµÄ£ºselector {property: value}
selector-Ñ¡ÔñÆ÷£¨±ÈÈçbody¡¢div¡¢h2……£©
property-ÊôÐÔ £¨±ÈÈçbackground-color¡¢hidden¡¢text-align……£©
value-Öµ£¨±ÈÈçyellow¡¢blue¡¢12px¡¢center……£©
[×¢]£º
a¡¢³ýidÍâ´óСд²»Ãô¸Ð
b¡¢value´æÔÚ¶à¸öµ¥´Êʱ£¬ÒªÓÃÒ ......

javascript+css ʵÏÖtab¹¦ÄÜ

<!---------<html>
    <head>
        <style type="text/css">
.tabheader table {
  border-collapse: collapse; /* for IE */
  border-spacing: 0; /* for N6 */
}
.tabheader table tr td {mar ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ