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

ÍøÒ³²¼¾ÖÖÐÈçºÎ½øÐÐCSS²¼¾Öµ÷ÊÔ


¡¡¡¡ÍøÒ³Éè¼ÆÖÐCSS²¼¾ÖÊǺÜÖØÒªµÄ²¿·Ö£¬ÏÂÃæ½éÉܼ¸ÖÖ¼ì²éµ÷ÊÔCSS²¼¾ÖµÄÓÐЧ·½·¨¡£
¡¡¡¡1.¼ì²éHTMLÔªËØÊÇ·ñÓÐÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾­³£»áŪ´ídivµÄǶÌ×¹ØÏµ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2.¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ}µÈ¡£¿ÉÒÔÀûÓÃCleanCSSÀ´¼ì²éCSSµÄƴд´íÎó¡£CleanCSS±¾ÊÇ
ΪCSS¼õ·ÊµÄ¹¤¾ß£¬µ«Ò²Äܼì²é³öƴд´íÎó¡£
¡¡¡¡3.ÓÃɾ³ý·¨È·¶¨´íÎó·¢ÉúµÄλÖÃ
¡¡¡¡Èç¹û´íÎóÓ°ÏìÁËÕûÌå²¼¾Ö£¬Ôò¿ÉÒÔÖð¸öɾ³ýdiv¿é£¬Ö±µ½É¾³ýij¸ödiv¿éºóÏÔʾ»Ö¸´Õý³££¬¼´¿ÉÈ·¶¨´íÎó
·¢ÉúµÄλÖá£
¡¡¡¡4.ÀûÓÃborderÊôÐÔÈ·¶¨³ö´íÔªËØµÄ²¼¾ÖÌØÐÔ
¡¡¡¡Ê¹ÓÃfloatÊôÐÔ²¼¾ÖÒ»²»Ð¡Ðľͻá³ö´í¡£ÕâÊ±ÎªÔªËØÌí¼ÓborderÊôÐÔÈ·¶¨ÔªËر߽磬´íÎóÔ­Òò¼´Ë®Âäʯ
³ö¡£
¡¡¡¡5.floatÔªËØµÄ¸¸ÔªËز»ÄÜÖ¸¶¨clearÊôÐÔ
¡¡¡¡MacIEÏÂÈç¹û¶ÔfloatµÄÔªËØµÄ¸¸ÔªËØÊ¹ÓÃclearÊôÐÔ£¬ÖÜΧµÄfloatÔªËØ²¼¾Ö¾Í»á»ìÂÒ¡£ÕâÊÇMacIEµÄÖø
ÃûµÄbug£¬ÌÈÈô²»ÖªµÀ¾Í»á×ßÍä·¡£
¡¡¡¡6.floatÔªËØÎñ±ØÖ¸¶¨widthÊôÐÔ
¡¡¡¡ºÜ¶àä¯ÀÀÆ÷ÔÚÏÔʾδָ¶¨widthµÄfloatÔªËØÊ±»áÓÐbug¡£ËùÒÔ²»¹ÜfloatÔªËØµÄÄÚÈÝÈçºÎ£¬Ò»¶¨ÒªÎªÆäÖ¸
¶¨widthÊôÐÔ¡£
¡¡¡¡ÁíÍâÖ¸¶¨ÔªËØÊ±¾¡Á¿Ê¹ÓÃem¶ø²»ÊÇpx×öµ¥Î»¡£
¡¡¡¡


Ïà¹ØÎĵµ£º

css¿ØÖÆcellspacing/cellpadding

ÔÚtable ÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾­³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ­³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾­³£¿´µ½“< table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ ......

div+cssѧϰ±Ê¼Ç£¨Firefox hr ¼æÈÝÎÊÌ⣩


Firefox hr
¼æÈÝÎÊÌ⣬ÔÚieÖÐÕý³£ÏÔʾµÄhrÊôÐÔÉèÖã¬ÔÚFirefoxÀïÃæ²»¹ÜÔõôŪ¶¼ÊÇËûÂèµÄ²»³öÀ´£¬¸ÄÁ˲»ÉÙÊôÐÔ£¬µ÷ÕûÁËλÖã¬Í¬Ê±ËÑË÷Á˲»ÉÙÎÄÕ£¬ÈÔÈ»²»
ÐУ¬×îºó¿´µ½Ò»ÆªÎÄÕÂ˵ffÖбØÐëÉèÖñ³¾°ÑÕÉ«²ÅÓÐЧ¹ûµÄ£¬ÕæÊÇxxxµÄ£¬ÕâÖÖÎÊÌâ×Ô¼º±ÕÃÅÔì³µµÄ»°ÕûÉϸöÈýÌìÈýÒ¹¶¼ÕÒ²»µ½½â¾ö°ì·¨°¡£¡
°Ñ´úÂëÌù³öÀ´·ÖÏíÏ£º
hr { ......

CSSʵÏÖtext overflow:ellipsisµÄЧ¹û

ÊÊÓÃÓÚÖ»ÓÐÒ»ÐÐÎÄ×ÖµÄÇé¿ö.
.ellipsis{
text-overflow:ellipsis; /*µ±¶ÔÏóÄÚÎı¾Òç³öʱÏÔʾʡÂÔ±ê¼Ç(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflowÊÇCSS3µÄÊôÐÔ£¬IE6ÒÔÉϰ汾¡¢Safari¡¢chrome Ö§³Ö¡£Ëü¿ÉÒÔ´ø2¸ö²ÎÊý£º
clip [²»ÏÔʾʡÂÔ±ê¼Ç£¨...£©£¬¶øÊÇ ......

ÍøÒ³ÖоÓÖвãcssÒ»Ôò

Ò»¸öÖ»ÓÃCSS¾Í¿ÉÒÔÉèÖÃÍøÒ³ÖоÓÖвãµÄ·½·¨¡£
¡¡¡¡½ñÌìÖØÐ³¢ÊÔµÄʱºò¾ÓÈ»²»ºÃÓÃÁË¡£
¡¡¡¡»¹ºÃÒÔǰµÄÒ³»¹ÓУ¬»¹ÄÜ´ò¿ª¡£
¡¡¡¡´úÂëÒ»ÃþÒ»Ñù¾ÍÊDz»ºÃÓá£
¡¡¡¡ÓÚÊǺõÒ»¶Î¶ÎµÄɾ³ý£¬Ï£ÍûÄÜÕÒµ½µãÏßË÷¡£
¡¡¡¡cssɾµÃֻʣÏÂÕâ¶ÎÉèÖôúÂ룬²»ºÃÓá£
¡¡¡¡javascriptÖÐÄѵÀ×öÊÖ½ÅÁË£¬½Ó×Åɾ£¬»¹ÊDz»ºÃÓá£
¡¡¡¡×îºóɾûÁËÖÕÓÚ ......

CSSÑ¡Ôñ·ûС½á

1.»ù±¾Óï·¨£º

Ñ¡Ôñ·ûÃû×Ö { ÉùÃ÷; }
Ñ¡Ôñ·ûÃû×ÖÃüÃû¹æÔò£º
CSSÑ¡Ôñ·û¿ÉÒÔʹÓÃÓ¢ÎÄ×ÖĸµÄ´óдÓëСд,Êý×Ö,Á¬×ÖºÅ,Ï»®Ïß,ðºÅ,¾äºÅ.
2.·ÖÀࣺ

ÔÚAndy BuddµÄ¡¶CSS MASTERY¡·£¨ÖÐÒë¡¶¾«Í¨CSS¡·£©ÖУ¬½«CSSÑ¡Ôñ·û·ÖΪ£º³£ÓÃÑ¡Ôñ·û¡¢Í¨ÓÃÑ¡Ôñ·ûºÍ¸ß¼¶Ñ¡Ôñ·û¡£³£ÓÃÑ¡Ôñ·û°üÀ¨£ºÀàÐÍÑ¡Ôñ·û¡¢ÀàÑ¡Ôñ·û¡¢IDÑ¡Ôñ·û¡¢ºó´ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ