CSSÖÐexpressionʹÓüò½é
¡¡¡¡IE5¼°ÆäÒÔºó°æ±¾Ö§³ÖÔÚCSSÖÐʹÓÃexpression£¬ÓÃÀ´°ÑCSSÊôÐÔºÍJavas cript±í´ïʽ¹ØÁªÆðÀ´£¬ÕâÀïµÄCSSÊôÐÔ¿ÉÒÔÊÇÔªËØ¹ÌÓеÄÊôÐÔ£¬Ò²¿ÉÒÔÊÇ×Ô¶¨ÒåÊôÐÔ¡£¾ÍÊÇ˵CSSÊôÐÔºóÃæ¿ÉÒÔÊÇÒ»¶ÎJavas cript±í´ïʽ£¬CSSÊôÐÔµÄÖµµÈÓÚJavas cript±í´ïʽ¼ÆËãµÄ½á¹û¡£ ÔÚ±í´ïʽÖпÉÒÔÖ±½ÓÒýÓÃÔªËØ×ÔÉíµÄÊôÐԺͷ½·¨£¬Ò²¿ÉÒÔʹÓÃÆäËûä¯ÀÀÆ÷¶ÔÏó¡£Õâ¸ö±í´ïʽ¾ÍºÃÏñÊÇÔÚÕâ¸öÔªËØµÄÒ»¸ö³ÉÔ±º¯ÊýÖÐÒ»Ñù¡£
¡¡¡¡¸øÔªËعÌÓÐÊôÐÔ¸³Öµ
¡¡¡¡ÀýÈ磬Äã¿ÉÒÔÒÀÕÕä¯ÀÀÆ÷µÄ´óСÀ´°²ÖÃÒ»¸öÔªËØµÄλÖá£
#myDiv {
position: absolute;
width: 100px;
height: 100px;
left: expression(document.body.offsetWidth - 110 + "px");
top: expression(document.body.offsetHeight - 110 + "px");
background: red;
}
¡¡¡¡¸øÔªËØ×Ô¶¨ÒåÊôÐÔ¸³Öµ
¡¡¡¡ÀýÈ磬Ïû³ýÒ³ÃæÉϵÄÁ´½ÓÐéÏß¿ò¡£ ͨ³£µÄ×ö·¨ÊÇ£º
<a href="link1.htm" onfocus="this.blur()">link1</a>
<a href="link2.htm" onfocus="this.blur()">link2</a>
<a href="link3.htm" onfocus="this.blur()">link3</a>
¡¡¡¡´Ö¿´»òÐí»¹ÌåÏÖ²»³ö²ÉÓÃexpressionµÄÓÅÊÆ£¬µ«Èç¹ûÄãµÄÒ³ÃæÉÏÓм¸Ê®ÉõÖÁÉϰٸöÁ´½Ó£¬ÕâʱµÄÄãÄѵÀ»¹»á»úеʽµØCtrl+C£¬Ctrl+Vô£¬ºÎ¿öÁ½ÕßÒ»±È½Ï£¬Äĸö²úÉúµÄÈßÓà´úÂë¸ü¶àÄØ£¿
¡¡¡¡²ÉÓÃexpressionµÄ×ö·¨ÈçÏ£º
<style type="text/css">
a {star : expression(onfocus=this.blur)}
</style>
<a href="link1.htm">link1</a>
<a href="link2.htm">link2</a>
<a href="link3.htm">link3</a>
¡¡¡¡ËµÃ÷£ºÀïÃæµÄstar¾ÍÊÇ×Ô¼ºÈÎÒⶨÒåµÄÊôÐÔ£¬Äã¿ÉÒÔËæ×Ô¼ºÏ²ºÃÁíÍⶨÒ壬½Ó×Űüº¬ÔÚexpression()ÀïµÄÓï¾ä¾ÍÊÇJS½Å±¾£¬ÔÚ×Ô¶¨ÒåÊôÐÔÓëexpressionÖ®¼ä¿É±ðÍüÁË»¹ÓÐÒ»¸öÒýºÅ£¬ÒòΪʵÖÊ»¹ÊÇCSS£¬ËùÒÔ·ÅÔÚstyle±êÇ©ÄÚ£¬¶ø·Çs criptÄÚ¡£OK£¬ÕâÑù¾ÍºÜÈÝÒ×µØÓÃÒ»¾ä»°ÊµÏÖÁËÒ³ÃæÖеÄÁ´½ÓÐéÏß¿òµÄÏû³ý¡£²»¹ýÄãÏȱðµÃÒ⣬Èç¹û´¥·¢µÄÌØÐ§ÊÇCSSµÄÊôÐԱ仯£¬ÄÇô³öÀ´µÄ½á¹û»á¸úÄãµÄ±¾ÒâÓвî±ð¡£ÀýÈçÄãÏëËæÊó±êµÄÒÆ½øÒƳö¶ø¸Ä±äÒ³ÃæÖеÄÎı¾¿òÑÕÉ«¸ü¸Ä£¬Äã¿ÉÄÜÏ뵱ȻµÄ»áÈÏΪӦ¸ÃдΪ
<style type="text/css">
inpu
Ïà¹ØÎĵµ£º
Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......
ÌṩһÖÖÓÃCSS´úÂëʵÏÖ×Ô¶¯½ØÈ¡×Ö·û´®µÄ·½·¨£º
CSS´úÂëÈçÏ£º
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
......
Çø±ðspan div p Èý¸ö±êÇ©µÄÓ÷¨
spanºÍdivµÄ²»Í¬Ö®´¦ÔÚÓÚspanÊÇÄÚÁªµÄ£¬ÓÃÔÚһС¿éµÄÄÚÁªHTMLÖУ¬Ç°ºó²»¶ÏÐÐ.
divÔªËØÊǿ鼶µÄ£¨¼òµ¥µØËµ£¬ËüµÈͬÓÚÆäǰºóÓжÏÐУ©£¬ÓÃÓÚ×éºÏÒ»´ó¿éµÄ´úÂë¡£
p(¶ÎÂä)ÔªËØÊǿ鼶µÄ,ǰºó¶ÏÐÐ,¶øÇÒ»¹ÒªÔÙ¸ôÒ»ÐÐ.Ï൱ÓÚ¶ÏÁ½ÐÐ.
<div> ¿É¶¨ÒåÎĵµÖеķÖÇø»ò½Ú£¨division ......
ÕâÊÇÒ»¸ö±ê×¼µÄCSSÏÂÀ²Ëµ¥ÖÆ×÷½Ì³Ì£¬ÓÐÕë¶ÔĿǰÁ÷ÐеÄIE6/IE7/IE8²»Í¬°æ±¾µÄCSS´úÂ룬Òò´Ë¿ÉÒÔÔÚIEÖ®¼äÍêÈ«¼æÈÝ£¬²»¹ýÆäËüµÄä¯ÀÀÆ÷Ïñ»ðºü/GGä¯ÀÀÆ÷Ö®ÀàµÄûÓвâÊÔ£¬Èç¹û¼æÈÝIE8µÄ»°£¬ÄÇô¼æÈÝ»ðºüÓ¦¸ÃÎÊÌâ²»´ó°É¡£²Ëµ¥Ê¹ÓÃÀ¶É«»ùµ÷£¬»¬Ïò¶þ¼¶²Ëµ¥¸ü»»±³¾°£¬²Ù×÷µÄ¸Ð¾õºÜÊæ·þ¡£
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XH ......
XHTML
+CSS
ÓëSEO
µÄÄÚÈÝ£¬ºóÃæÕ½ڻáÏê
ϸ¸ø´ó¼Ò½éÉÜ£¬ÕâÀï¾ÍÏÈ˵һЩ£¬Èôó¼Ò¶ÔxHTML+CSSÓëSEOÓÐÒ»¶¨µÄÈÏʶ£¬ÎªºóÃæÖÆ×÷Ò³Ãæ´ò»ù´¡£¬±Ï¾¹ÎÒÃÇ×ö³öÀ´µÄÒ³Ãæ»¹ÊÇÒª¸øËÑË÷ÒýÇæ
¿´µÄ£¬ËùÒÔ²»Äܲ»ÌáÌáxHTML+CSSÓëSEOµÄ¹ØÏµ¡£
1)½«Ò³ÃæÖÐ×îÖØÒªµÄÄÚÈÝÓÃ
h1±êÇ©À¨ÆðÀ´£¬h1µÄÄÚÈݾͺÍÒ³ÃætitleºÜ×ÔÈ»µÄ°üº¬ÁËÕ¾µã»òÕßÒ³Ãæµ ......