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-->Îı¾µÄÅÅÁÐ
Ïà¹ØÎĵµ£º
±¾½ÚÖ÷Òª½²½â£¬Á½¸öÄÚÈÝ£¬
µÚÒ»£ºCSS
ÈçºÎ¿ØÖÆÒ³ÃæÑùʽ£¬ÓÐ
¼¸ÖÖ·½Ê½£»
µÚ¶þ£ºÕâЩ·½Ê½³öÏÖÔÚͬһ¸öÒ³ÃæÊ±µÄÓÅÏȼ¶¡£
ʹÓÃxHTML
+CSS
²¼¾ÖÒ³Ãæ£¬ÆäÖÐÓиöºÜÖØÒªµÄÌØµã¾ÍÊÇÄÚÈÝÓë±íÏóÏà·ÖÀ룬ÄÚÈÝÖ¸HTMLÒ³Ãæ´úÂ룬±íÏó¾ÍÊÇCSS´úÂëÁË£¬Èç¹û°ÑÒ³Ãæ¿´³É´©×ÅÒ·þµÄÈ˵ϰ£¬È˾ÍÊÇ
HTML£¬ÊÇÄ ......
ÉϽڿÎÎÒÃǽ²ÁËÒ»ÏÂCssͨ¹ýʲô·½Ê½È¥¿ØÖÆÒ³Ãæ
£¬Èç¹û²»¼ÇµÃ£¬ÎÒÀ´°ï´ó¼Ò»ØÒäһϣ¬×ܹ²ÓÐËÄÖÖ·½Ê½ÐÐÄÚ·½Ê½¡¢ÄÚ
Ƕ·½Ê½¡¢Á´½Ó·½Ê½¡¢µ¼È뷽ʽ£¬´ó¼Òͨ¹ýÕâËÄÖÖ·½Ê½¾Í¿ÉÒÔʵÏÖCSS
¶ÔHTML
Ò³ÃæÑùʽµÄ¿ØÖÆ£¬Èç¹ûÒªÈÃÕâЩÑùʽ¶ÔHTMLÒ³ÃæÖеÄÔªËØÊµÏÖÒ»¶ÔÒ»£¬Ò»¶Ô¶à»òÕß¶à¶ÔÒ»µÄ¿ØÖÆ£¬Õâ¾ÍÐè
ÒªÓõ½CSSÑ¡ÔñÆ÷£¬HTMLÒ³ÃæÖеÄÔ ......
×¢ÒâÊÂÏ
ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......
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 ......
¸Õ¸ÕÓöµ½Ò»¸öСÎÊÌ⣬²éÁËÏÂ×ÊÁÏŪÃ÷°×ÁË£¬¼Ç¼ÏÂÀ´°É¡£
div.myClassÆ¥Åä<div class="myClass">XXX</div>ÖÐÕû¸ödiv¡£
div .myClassÆ¥Åä<div><span class="myClass">XXX</span></div>ÖеÄspan
×¢Ò⣺ǰÕßÊÇdiv.myClass£¬ºóÕßÔÚdivÓë.myClass¼äÓпոñ
·ÃÎÊÎҵIJ©¿Í²é¿´¸ü¶à£ºÐÄÈçÖ ......