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-->Îı¾µÄÅÅÁÐ
Ïà¹ØÎĵµ£º
ÍøÒ³ÖÆ×÷ÖУ¬ÎªÁË·½±ãÈÕºóÐ޸ĻòÐ×÷¿ª·¢£¬³£³£Òª¶ÔÒ³Ãæ½øÐÐÏàÓ¦µÄ×¢ÊÍ£¬ÄãÍøÒ³½á¹¹ÇåÎú£¬¿É¶ÁÐÔÔöÇ¿¡£ÒÔϽéÉܼ¸ÖÖ³£ÓõÄ×¢ÊÍ·½·¨£º
Ò»¡¢HTMLµÄ×¢ÊÍ·½·¨
<!-- html×¢ÊÍ:START -->
ÄÚÈÝ
<!-- html×¢ÊÍ:END -->
¶þ¡¢CSSµÄ×¢ÊÍ·½·¨
<style type="text/css">
/* css×¢ÊÍ*/
</style>
ÔÚµ¥¶À ......
¡¡CSSѧÆðÀ´²¢²»ÄÑ£¬µ«ÔÚ´óÐÍÏîÄ¿ÖУ¬¾Í±äµÃÄÑÒÔ¹ÜÀí£¬ÌØ±ðÊDz»Í¬µÄÈËÔÚCSSÊéд·ç¸ñÉÏÉÔÓв»Í¬£¬ÍŶÓÉϾ͸ü¼ÓÄÑÒÔ¹µÍ¨£¬Îª´Ë×ܽá
ÁËһЩÈçºÎʵÏÖ¸ßЧÕû½àµÄCSS´úÂëÔÔò£º
1
. ʹÓÃResetµ«²¢·ÇÈ«¾ÖReset
¡¡¡¡²»Í¬ä¯ÀÀÆ÷ÔªËØµÄĬÈÏÊôÐÔÓÐËù²»Í¬£¬Ê¹ÓÃReset¿ÉÖØÖÃä¯ÀÀÆ÷ÔªËØµÄһЩĬÈÏÊôÐÔ£¬ÒÔ´ïµ½ä¯ÀÀÆ÷µÄ¼æÈÝ¡£µ«ÐèÒª×¢Ò ......
YUI Compressor ÊÇÒ»¸öÓÃÀ´Ñ¹Ëõ JS ºÍ CSS ÎļþµÄ¹¤¾ß£¬²ÉÓÃJava¿ª·¢¡£
ʹÓ÷½·¨£º
//ѹËõJS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//ѹËõCSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css ......
IEºÍFF¶ÔºÐÄ£Ð͵ĽâÊÍÇø±ð
IEºÍFF¶ÔºÐÄ£Ð͵ĽâÊÍÒ²²»Ò»Ñù£¬´úÂë˵Ã÷£º#test { width: 650px !important;width: 648px;padding-left:2px;background:#fff; }
test ÏÔʾµÄ¿í´øÊÇ 650px
IE BoxµÄ×Ü¿í¶ÈÊÇ£º width+padding+border+margin¿í¶È×ܺÍ
FF BoxµÄ×Ü¿í¶È¾ÍÊÇ widthµÄ¿í¶È£¬padding+border+marginµÄ¿í¶ÈÔÚº¬ÔÚwidthÄ ......
µØÕð ÍøÕ¾±ä³É»ÒºÚÉ« css ´úÂë
5.19-5.21Ϊȫ¹ú°§µ¿ÈÕ£¬ °Ù¶È¡¢ÍøÒס¢ÐÂÀ˵ȸ÷´óÍøÕ¾¾ù±ä³ÉÁ˻ҺÚÉ«ÍøÒ³¡£ÔõÑùÊ¹ÍøÒ³±ä³É»ÒºÚɫĨ£¿
¹úÎñÔº¾ö¶¨5ÔÂ19ÈÕÖÁ21ÈÕΪȫ¹ú°§µ¿ÈÕΪ·½±ãÕ¾µã°§µ¿£¬ÌØÌṩcssÂ˾µ´úÂ룬ÒÔ±í°§µ¿¡£ÒÔÏÂΪȫվCSS´úÂë¡£
html {...}{ filter:progid:DXImageTransform.Microsoft.BasicImage(g ......