Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

cssÑùʽÏà¹ØÖªÊ¶Ð¡½á

¿ÉÒÔ·ÅÖÃÑùʽµÄµØ·½£ºÑùʽ±í£¬<style>ºÍstyle
Ñùʽ±íÊÇÒ»¸ö¶ÀÁ¢µÄÎļþ£¬¿ÉÒÔͨ¹ý<link>ÔªËØ»òÕßcssµÄ@importÓï¾ä°ÑËü¸½¼Óµ½Ä³¸öhtmlÎĵµÖУ¬<style>ÊÇÒ»¸öhtmlÔªËØ£¬¿ÉÒÔ°ÑËüÄÚǶÔÚhtmlÎĵµÖУ¬styleÊÇÒ»¸öÊôÐÔ£¬¿ÉÒÔÄÚÖÃÔÚÈκÎhtmlÔªËØÖС£
ÒªÏë°ÑÑùʽ±íÁ¬µ½htmlÎĵµÖУ¬ÒªÔÚhtmlÎĵµÖеÄ<head>ÇøÓòʹÓÃ<link>ÔªËØ£¬²¢°ÑÑùʽ±íµÄurl¸³¸ø<link>ÔªËØµÄhrefÊôÐÔ
 
Ó﷨ϸ½Ú£º
1.       Ó¦µ±Ê¹ÓÃunicode utf-8À´¸øcssÎļþ±àÂë
2.       css´úÂëÓ¦µ±Ð¡Ð´£ºµ±ÒýÓÃxhtmlÖеÄÔªËØÃû×Ö£¬À࣬ÊôÐÔºÍIDʱ£¬Ñ¡Ôñ·ûÊÇÇø·Ö´óСдµÄ£¬cssµÄÊôÐÔºÍÖµÊDz»Çø·Ö´óСдµÄ¡£
3.       ÔªËØÃû£¬ÀàºÍID Ö»ÄÜÓÉ×Öĸ£¬Êý×ÖºÍÏ»®Ïߣ¬Á¬×Ö·ûºÍ161¸ö»ò¸ü¶àUnicode×Ö·û¹¹³É£¬ÔªËØ£¬ÀàºÍIDµÄµÚÒ»¸ö×Ö·û²»ÄÜÊÇÊý×Ö»òÁ¬×Ö·û£¬ÀàÃûºÍID²»Äܺ¬Óбêµã·ûºÅ£¨³ýÁËÏ»®ÏߺÍÁ¬×Ö·û£©
4.       ¿ÉÒÔͨ¹ý¶à¸öÀàÃûÓÿոñ·Ö¿ªÀ´ÎªÔªËظ³Óè¶à¸öÃû×Ö
5.       ³£Á¿Öµ²»ÓÃÒýºÅ
6.       ·´Ð±¸Ü(\)¿ÉÒÔÔÚijЩ²»ÄÜÖ±½ÓÏÔʾ×Ö·ûµÄµØ·½°ÉËûÃÇÏâǶ½øÈ¥¡£Èç \26B»áÔÚ×Ö·û´®»ò±êʶ·ûÖÐÏâǶ“&”
7.       ×Ö·û´®¿ÉÒÔ°üÀ¨Ð¡À¨ºÅ£¬¶ººÅ£¬¿Õ¸ñ£¬µ¥ÒýºÅ£¬Ë«ÒýºÅ£¬²»¹ýËûÃǶ¼Ó÷´Ð±¸Ü½øÐÐתÒå
8.       ·ÖºÅÓÃÓÚÖÕÖ¹css¹æÔòºÍ@importÓï¾ä
9.       ¹æÔò¼¯ÊÇÖ¸ÔÚ´óÀ¨ºÅÖаüº¬Á˶àÌõ¹æÔò£¬Èç{color:red; font:size:small;}
10.   ÓÒ´óÀ¨ºÅÁ¢¼´ÖÕÖ¹Ò»×éÊôÐÔ£¬³ý·ÇËûÊÇÏâǶÔÚ×Ö·û´®ÖУ¬Èç”}”
11.   ×¢Ê͸ñʽ: “/*”¿ªÊ¼£¬“*/”½áÊø
12.   ¿Õ°×£º¿Õ¸ñ(\20)£¬ÖƱíλ(\09),»»ÐУ¨\0A£©,»Ø³µ£¨\0D£©£¬»»Ò³(\0C)
 
¾­Ñ飺
1.       °ÑÑùʽ·ÅÔÚÑùʽ±íÖУ¬»á¼õÉÙhtmlÎĵµÖеķÇÄÚÈݳɷ֣¬²¢ÇÒ°ÑËùÓеÄÑùʽ·ÅÔÚ¶ÀÁ¢µÄÎļþ±ãÓÚ¹ÜÀí
2.       ÓÃÒ»¸öµ¥´ÊΪÑùʽ±íÃüÃû£¬²¢ÇÒÈ«²¿Ð¡Ð´£¨Ãû×Ö¼ò½àÈÝÒ×¼ÇÒ䣬²¢ÇÒ¿ÉÒÔÈÝÒ×ÔËÐÐÔÚ²»Í¬²Ù×÷ϵͳ£©
3.       ʹÓÃÒ»¸öÄÜÃèÊöÑùʽ±íʹÓÃÄ¿µÄºÍ×÷Ó


Ïà¹ØÎĵµ£º

50¿îcss¹¤¾ß

50¿îcss¹¤¾ß
Òý×Ô:http://bbs.seuuo.com/thread-2613-1-3.html
50¿îCSS¹¤¾ß£¬°üº¬£¬CSSÍø¸ñºÍ²¼¾Ö¹¤¾ß£¬CSS ÓÅ»¯¹¤¾ß£¬CSS ²Ëµ¥Éú³É¹¤¾ß£¬CSS °´Å¥Éú³ÉÆ÷£¬CSS Ô²½ÇÉú³ÉÆ÷£¬CSS ¿ò¼Ü£¬CSS SpritesÉú³ÉÆ÷£¬CSS ÅŰ湤¾ßÒÔ¼° CSS ±íµ¥Éú³ÉÆ÷¡£
Íø¸ñºÍ²¼¾ÖThe 1KB CSS Grid
ÐÂÓ±µÄ CSS Íø¸ñ¹¤¾ß£¬¿ÉÓÃÓÚ¼ò»¯ÄÚÈݹÜÀíϵͳµÄ ......

5ÖÖ·½·¨Á¢¿Ìд³ö¸üºÃµÄCSS´úÂë

5ÖÖ·½·¨Á¢¿Ìд³ö¸üºÃµÄCSS´úÂë
Òý×Ô:http://bbs.seuuo.com/thread-2625-1-3.html
µ±È»£¬Ã¿¸öÈ˶¼¿ÉÒÔ±àдCSS´úÂ룬ÉõÖÁÄãÏÖÔÚÒѾ­ÈÃËüΪÄãµÄÏîÄ¿¹¤×÷ÁË¡£µ«ÊÇCSS»¹¿ÉÒÔ¸üºÃÂ𣿿ªÊ¼ÓÃÕâ5¸öTips¸Ä½øÄãµÄCSS°É£¡
1.ÖØÖÃ
Ê×ÏÈ£¬ºÜÈÏÕæµÄ¸æËßÄ㣬×ÜÊÇÒªÖØÖÃijЩ·ÖÀà¡£ÎÞÂÛÄãÊÇʹÓà Eric Meyer Reset¡¢YUI Reset»òÕßÄã×Ô¼º±à ......

ÓÃcssÈÃͼƬ×Ô¶¯ÊÊÓ¦´óС

ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ6 ......

CSSÐÞÊεıí¸ñ

ÏÂÃæÕâ¸öCSSÑùʽµÄ±í¸ñ£¬¸öÈ˸оõÑÕÉ«Æðµ½Á˺ܴóµÄ×÷Óá£Èç¹û²»ÊÇÁ½ÖÖÑÕÉ«µÄ¶Ô±ÈЧ¹ûºÃ£¬¿ÉÄÜÒ²¾ÍÊÇÒ»°ãµÄ±í¸ñ£º
ÏÈÀ´¿´HTML£º
<table width="590" cellspacing="1">
 <caption>
  text
 </caption>
 <thead>
<tr>
<th class="line1" scope="col">text< ......

CSS sprites¼¼Êõ¼Ó¿ìÄúµÄÍøÕ¾(¼õÉÙÍøÕ¾HTTPÇëÇó)

       ¼õÉÙÍøÕ¾HTTPÇëÇóÕâÊǼӿìÍøÕ¾·ÃÎÊËٶȵĹؼü£¬¶øCSS sprites¼¼ÊõÊǰѶàÕÅͼÏñ×éºÏ³ÉÒ»ÕÅͼÏñ£¬ÕâÑùÓû§ÔÚ·ÃÎÊÍøÕ¾Ê±Ò»´ÎÐ԰ѶàÕÅͼƬ¼ÓÔØÍ꣬¶ø²»ÐèÒªÒ»ÕÅÕÅͼƬµÄ¼ÓÔØ£¬ÕâÑù¼õÉÙÁË×é¼þµÄÒ³Â룬½¨Á¢¸ü·á¸»µÄÄÚÈݵÄÍøÕ¾£¬Í¬Ê±Ò²È¡µÃÁË¿ìËٵķ´Ó¦
ʱ¼ä¡£
    &n ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ