css×ö½¥±ä±³¾°É«¼¯½á
css-body±³¾°½¥±äÉ«µÄCSS
Ò»¡¢´ÓÉÏÍùϽ¥±ä
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
Èý¡¢´Ó×óÍùÓÒ½¥±ä
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
ËÄ¡¢´ÓÉÏÍùϽ¥±ä
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
ÔõôÉèÖÃÍøÒ³±³¾°Îª½¥±äÉ«£¿
¡¡¡¡´ÓÉϵ½Ï½¥±äºÍ´Ó×óµ½ÓÒ½¥±äµÄ·½·¨Ò»Ñù¡£
¡¡¡¡Ö»²»¹ýÔÚCSS°Ñrepeat-y»»³Érepeat-x
¡¡¡¡repeat-xµÄÒâ˼¾ÍÊÇÑØ×ÅxÖáÆ½ÆÌͼƬµÄÒâ˼¡£
¡¡¡¡--
¡¡¡¡ÍøÒ³±³¾°É«½¥±ä
¡¡¡¡Çé¿öÒ»£º
¡¡¡¡ÊÇÓÃÒ»¸ö1ÏñËØ¸ßµÄ£¬200ÏñËØ¿íµÄ
¡¡¡¡Ï¸³¤Í¼Æ¬Æ½ÆÌ³öÀ´µÄ¡£
¡¡¡¡±ÈÈçCSS´úÂë
¡¡¡¡body{background:rul(tupian.jpg) #FFF repeat-y;}
¡¡¡¡Çé¿ö¶þ£º
¡¡¡¡»òÕßÊÇ1ÏñËØ¿í£¬200ÏñËØ¸ßµÄͼƬƽÆÌ³öÀ´µÄ¡£
¡¡¡¡body{background:rul(tupian.jpg) #FFF repeat-x;}
¡¡¡¡¡£
¡¡¡¡ÉÏÃæÁ½¸öÇé¿öÀïµÄͼƬµÄ200¿íÊǼÙÉèµÄ¡£
¡¡¡¡Äã¿ÉÒÔ×ö³É100¿íҲûʲô¡£
¡¡¡¡±ÈÈçÍøÒ³ÊÇ780ÏñËØ¿í¡£ÎÒÓõÚÒ»¸öÇé¿ö£¬
¡¡¡¡ÎÒÄdz¤1ÏñËØ¸ßµÄϸ³¤Í¼Æ¬ÊÇÓÉ·Ûºì¹ý¶Èµ½´¿°×
¡¡¡¡×óÃæ·Ûºì£¬ÓÒÃæ´¿°×¡£
¡¡¡¡È»ºó°ÑÍøÒ³±³¾°É«É趨³É´¿°×#FFF£¬
¡¡¡¡ÕâÑù×óÃæ200ÏñËØÊÇͼƬƽÆÌ²úÉúµÄ·Ûºì¡£
¡¡¡¡µ½200ÏñËØÒÔºóÊDZ³¾°É«°×¡£
¡¡¡¡¶ÁÕß¿´ÆðÀ´ÊÇÍøÒ³×óÃæÊǷۺ죬¾ùÔȵĽ¥±äµ½ÓÒÃæ¡£
¡¡¡¡--
¡¡¡¡¹Ø¼ü£ºÍøÒ³¿í¶ÈÊÇ780ÏñËØ£¬¶øÎÒ×öµÄͼƬÊÇ200ÏñËØ¡£
¡¡¡¡ÍøÒ³×óÃæµÄ200ÏñËØÊÇͼƬƽÆÌ²úÉúµÄÑÕÉ«£¬
¡¡¡¡¶øÆäÓàµÄ580ÏñËØÊDZ³¾°É«É趨³öÀ´µÄ¡£
¡¡¡¡--
¡¡¡¡ÓÃphotoshop×öͼƬµÄʱºò£¬Òª°Ñ½¥±äµÄÒ»ÃæÉ«É趨³É
¡¡¡¡ÍøÒ³µÄ±³¾°É«¡£
¡¡¡¡ÕâÑù¶ÁÕßÔÚÍøÒ³ÉϾͿ´ÆðÀ´ºÜ×ÔÈ»ÁË¡£
¡¡¡¡¶øÇÒ²»»á³öÏÖÓÉÓÚÏÔʾÆ÷ÆÁÄ»´óС²»Í¬£¬Í¼Æ¬Òª¸ÄµÄÎÊÌâ
Ïà¹ØÎĵµ£º
XHTML
+CSS
ÓëSEO
µÄÄÚÈÝ£¬ºóÃæÕ½ڻáÏê
ϸ¸ø´ó¼Ò½éÉÜ£¬ÕâÀï¾ÍÏÈ˵һЩ£¬Èôó¼Ò¶ÔxHTML+CSSÓëSEOÓÐÒ»¶¨µÄÈÏʶ£¬ÎªºóÃæÖÆ×÷Ò³Ãæ´ò»ù´¡£¬±Ï¾¹ÎÒÃÇ×ö³öÀ´µÄÒ³Ãæ»¹ÊÇÒª¸øËÑË÷ÒýÇæ
¿´µÄ£¬ËùÒÔ²»Äܲ»ÌáÌáxHTML+CSSÓëSEOµÄ¹ØÏµ¡£
1)½«Ò³ÃæÖÐ×îÖØÒªµÄÄÚÈÝÓÃ
h1±êÇ©À¨ÆðÀ´£¬h1µÄÄÚÈݾͺÍÒ³ÃætitleºÜ×ÔÈ»µÄ°üº¬ÁËÕ¾µã»òÕßÒ³Ãæµ ......
ºÐÄ£ÐÍ£¬ÊÇXHTML
+CSS
²¼¾Ö
Ò³ÃæÖеÄ
ºËÐÄ£¡ÊǹØÏµµ½Éè¼ÆÖÐÅŰ涨λµÄ¹Ø¼ü£¬¶¼×ñѺÐÄ£Ð͹淶£¬ÀýÈç<div>¡¢<p>¡¢<a>……ºÐÄ£ÐͰüº¬
(Íâ
±ß¾à)margin£¬(Äڱ߾à)padding £¬(ÄÚÈÝ)content£¬(±ß¿ò)border¡£
ÏÂͼÊÇCSSºÐÄ£Ð͵ÄʾÒâͼ
ÕâЩÊôÐÔÎÒÃÇ¿ÉÒÔ°ÑËü×ªÒÆµ½ÎÒÃÇÈÕ³£Éú» ......
×¢ÒâÊÂÏ
ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......
²»Í¬µÄä¯ÀÀÆ÷ÒªÇó²»Í¬µÄÑùʽÉùÃ÷£¬¸÷ä¯ÀÀÆ÷¼°Æä¸÷°æ±¾Óв»Í¬³Ì¶ÈµÄ CSS Ö´ÐеÄÍêÕûÐÔ¡£²ÉÓõÄÊÇ Internet Explorer µÄÌõ¼þ×¢ÊÍÓï·¨µÄ˼Ï룬²¢°ÑËüÄÚÁªµ½ CSS ÉùÃ÷Ö®ÖС£
¡¡¡¡Ìõ¼þ CSS Ö÷ÒªÓÃÓÚÖ¸³öÒ»¸öÌØ±ðµÄ CSS ÉùÃ÷ÊDz»ÊÇÓ¦¸ÃÓÃÓÚÒ»¸öÌØ±ðµÄä¯ÀÀÆ÷¡£µ±È»Ä㲻ϣÍû¾³£Õâô×ö£¬µ«Êǵ±ÄãÐèÒªÕë¶ÔÒ»¸öä¯ÀÀÆ÷µÄʱºò£¬Ëü»á·Ç³ ......