cssÑùʽ±íµÄÎÊÌâ
cssµÄ¼Ì³Ð¹ØÏµ£¨.ts a{...}£©
.ts a{ width:100px;line-height:34px; display:block;}
.ts a:link,a:visited{color:#000;background:#9CB3C1;text-decoration: none;}
.ts a:hover,a:active{ color:#FFFF00;background:#000;}
<div style="height:20%; width:100%" id="infobox" class="ts"> // µ÷ÓÃtsÑùʽ±í
{
<ul>
<li><a href="/" target="_blank">Ö÷Ò³</a></li>
<li><a href="/" target="_blank">¹«Ë¾½éÉÜ</a></li>
<li><a href="/" target="_blank">Æû³µÕ¹Ê¾</a></li>
<li><a href="/" target="_blank">×â³µ¼Û¸ñ</a></li>
<li><a href="/" target="_blank">×âºó·þÎñ</a></li>
</ul>
}
.select_list li {margin:1px; text-indent:5px; line-height:21px; color:#4b4b4b;}
//margin:lpx --> ±ß¿ò¼ä¸ô
//line-height:21px-->Ðмä¾à
//text-indent-->Îı¾µÄÅÅÁÐ
Ïà¹ØÎĵµ£º
×¢ÒâÊÂÏ
ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......
¡¡CSSѧÆðÀ´²¢²»ÄÑ£¬µ«ÔÚ´óÐÍÏîÄ¿ÖУ¬¾Í±äµÃÄÑÒÔ¹ÜÀí£¬ÌØ±ðÊDz»Í¬µÄÈËÔÚCSSÊéд·ç¸ñÉÏÉÔÓв»Í¬£¬ÍŶÓÉϾ͸ü¼ÓÄÑÒÔ¹µÍ¨£¬Îª´Ë×ܽá
ÁËһЩÈçºÎʵÏÖ¸ßЧÕû½àµÄCSS´úÂëÔÔò£º
1
. ʹÓÃResetµ«²¢·ÇÈ«¾ÖReset
¡¡¡¡²»Í¬ä¯ÀÀÆ÷ÔªËØµÄĬÈÏÊôÐÔÓÐËù²»Í¬£¬Ê¹ÓÃReset¿ÉÖØÖÃä¯ÀÀÆ÷ÔªËØµÄһЩĬÈÏÊôÐÔ£¬ÒÔ´ïµ½ä¯ÀÀÆ÷µÄ¼æÈÝ¡£µ«ÐèÒª×¢Ò ......
CSS£«DIVÊÇÍøÕ¾±ê×¼Öг£ÓõÄÊõÓïÖ®Ò»£¬Í¨³£ÎªÁË˵Ã÷ÓëHTMLÍøÒ³Éè¼ÆÓïÑÔÖеıí¸ñ¶¨Î»·½Ê½µÄÇø±ð£¬ÒòΪXHTMLÍøÕ¾Éè¼Æ±ê×¼ÖУ¬²»ÔÙʹÓñí¸ñ¶¨Î»¼¼Êõ£¬¶øÊDzÉÓÃcss+divµÄ·½Ê½ÊµÏÖ¸÷ÖÖ¶¨Î»¡£ÄÇôʹÓÃDIV+CSS±àÂëʱºÜÈÝÒ×·¸Ò»Ð©´íÎó¡£±¾ÎÄÁоÙÁËһЩ³£¼ûµÄ´íÎó£º
1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
ÓÐʱºòÎÒÃÇÔÚ ......
Ô¤¶ÁÄÚÈݶÔÓÚ²¿·ÖÍøËÙÂý£¬»òÕß¼ÓÔØÄÚÈݹý¶àµÄÒ³Ãæ£¬ÊǷdz£ÓÐЧµÄÌá¸ßÓѺó̶ȵķ½·¨¡£·ÀÖ¹³öÏÖÓÉÓÚÑùʽ±í£¬ºÍ¹Ø¼üͼƬ¼ÓÔØÖͺ󣬵¼ÖµÄÒ³Ãæ²¼¾Ö´íÂÒ£¬ÒÔ¼°¹Ø¼üͼƬ²»ÄÜÂíÉÏչʾ¡£
Ò²¿ÉÒÔ·ÀÖ¹ÓÉÓÚÒ³ÃæÐÅÏ¢¼ÓÔØ²»È«£¬µ¼ÖÂjs³ö´í¡£
¾¹ýÒ»·¬³¢ÊÔ£¬´Ë·½·¨¿ÉÒÔ¼æÈÝIE¼°ÆäËûä¯ÀÀÆ÷¡£
ÔÚIEÏÂ ÓÃ new Image().src
µÄÐÎʽ½øÐÐ ......
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 ......