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¹¤¾ß
Òý×Ô: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´úÂë
Òý×Ô:http://bbs.seuuo.com/thread-2625-1-3.html
µ±È»£¬Ã¿¸öÈ˶¼¿ÉÒÔ±àдCSS´úÂ룬ÉõÖÁÄãÏÖÔÚÒѾÈÃËüΪÄãµÄÏîÄ¿¹¤×÷ÁË¡£µ«ÊÇCSS»¹¿ÉÒÔ¸üºÃÂ𣿿ªÊ¼ÓÃÕâ5¸öTips¸Ä½øÄãµÄCSS°É£¡
1.ÖØÖÃ
Ê×ÏÈ£¬ºÜÈÏÕæµÄ¸æËßÄ㣬×ÜÊÇÒªÖØÖÃijЩ·ÖÀà¡£ÎÞÂÛÄãÊÇʹÓà Eric Meyer Reset¡¢YUI Reset»òÕßÄã×Ô¼º±à ......
ͼƬ×Ô¶¯ÊÊÓ¦´óСµÄÎÊÌâÔÚÆ½Ê±ÖÆ×÷µÄʱºòÊDZȽϳ£¼ûµÄÎÊÌ⣬ÏÂÃæÌṩһ¸ö±È½Ï¼òµ¥µÄ½â¾ö·½·¨£º
div img {
max-width:600px;
//IE7¡¢FFµÈÆäËû·ÇIEä¯ÀÀÆ÷ÏÂ×î´ó¿í¶ÈΪ600px;
width:600px;
//ËùÓÐä¯ÀÀÆ÷ÖÐͼƬµÄ´óСΪ600px;
width:expression(document.body.clientWidth>600?"600px":"auto");
//µ±Í¼Æ¬´óС´óÓÚ6 ......
ÏÂÃæÕâ¸öCSSÑùʽµÄ±í¸ñ£¬¸öÈ˸оõÑÕÉ«Æðµ½Á˺ܴóµÄ×÷Óá£Èç¹û²»ÊÇÁ½ÖÖÑÕÉ«µÄ¶Ô±ÈЧ¹ûºÃ£¬¿ÉÄÜÒ²¾ÍÊÇÒ»°ãµÄ±í¸ñ£º
ÏÈÀ´¿´HTML£º
<table width="590" cellspacing="1">
<caption>
text
</caption>
<thead>
<tr>
<th class="line1" scope="col">text< ......
¼õÉÙÍøÕ¾HTTPÇëÇóÕâÊǼӿìÍøÕ¾·ÃÎÊËٶȵĹؼü£¬¶øCSS sprites¼¼ÊõÊǰѶàÕÅͼÏñ×éºÏ³ÉÒ»ÕÅͼÏñ£¬ÕâÑùÓû§ÔÚ·ÃÎÊÍøÕ¾Ê±Ò»´ÎÐ԰ѶàÕÅͼƬ¼ÓÔØÍ꣬¶ø²»ÐèÒªÒ»ÕÅÕÅͼƬµÄ¼ÓÔØ£¬ÕâÑù¼õÉÙÁË×é¼þµÄÒ³Â룬½¨Á¢¸ü·á¸»µÄÄÚÈݵÄÍøÕ¾£¬Í¬Ê±Ò²È¡µÃÁË¿ìËٵķ´Ó¦
ʱ¼ä¡£
&n ......