ÍøÒ³²¼¾ÖÖÐÈçºÎ½øÐÐ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×öµ¥Î»¡£
¡¡¡¡
Ïà¹ØÎĵµ£º
ÔÚtable ÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾³£¿´µ½“< table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ ......
Firefox hr
¼æÈÝÎÊÌ⣬ÔÚieÖÐÕý³£ÏÔʾµÄhrÊôÐÔÉèÖã¬ÔÚFirefoxÀïÃæ²»¹ÜÔõôŪ¶¼ÊÇËûÂèµÄ²»³öÀ´£¬¸ÄÁ˲»ÉÙÊôÐÔ£¬µ÷ÕûÁËλÖã¬Í¬Ê±ËÑË÷Á˲»ÉÙÎÄÕ£¬ÈÔÈ»²»
ÐУ¬×îºó¿´µ½Ò»ÆªÎÄÕÂ˵ffÖбØÐëÉèÖñ³¾°ÑÕÉ«²ÅÓÐЧ¹ûµÄ£¬ÕæÊÇxxxµÄ£¬ÕâÖÖÎÊÌâ×Ô¼º±ÕÃÅÔì³µµÄ»°ÕûÉϸöÈýÌìÈýÒ¹¶¼ÕÒ²»µ½½â¾ö°ì·¨°¡£¡
°Ñ´úÂëÌù³öÀ´·ÖÏíÏ£º
hr {
......
ÊÊÓÃÓÚÖ»ÓÐÒ»ÐÐÎÄ×ÖµÄÇé¿ö.
.ellipsis{
text-overflow:ellipsis; /*µ±¶ÔÏóÄÚÎı¾Òç³öʱÏÔʾʡÂÔ±ê¼Ç(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflowÊÇCSS3µÄÊôÐÔ£¬IE6ÒÔÉϰ汾¡¢Safari¡¢chrome Ö§³Ö¡£Ëü¿ÉÒÔ´ø2¸ö²ÎÊý£º
clip [²»ÏÔʾʡÂÔ±ê¼Ç£¨...£©£¬¶øÊÇ ......
Ò»¸öÖ»ÓÃCSS¾Í¿ÉÒÔÉèÖÃÍøÒ³ÖоÓÖвãµÄ·½·¨¡£
¡¡¡¡½ñÌìÖØÐ³¢ÊÔµÄʱºò¾ÓÈ»²»ºÃÓÃÁË¡£
¡¡¡¡»¹ºÃÒÔǰµÄÒ³»¹ÓУ¬»¹ÄÜ´ò¿ª¡£
¡¡¡¡´úÂëÒ»ÃþÒ»Ñù¾ÍÊDz»ºÃÓá£
¡¡¡¡ÓÚÊǺõÒ»¶Î¶ÎµÄɾ³ý£¬Ï£ÍûÄÜÕÒµ½µãÏßË÷¡£
¡¡¡¡cssɾµÃֻʣÏÂÕâ¶ÎÉèÖôúÂ룬²»ºÃÓá£
¡¡¡¡javascriptÖÐÄѵÀ×öÊÖ½ÅÁË£¬½Ó×Åɾ£¬»¹ÊDz»ºÃÓá£
¡¡¡¡×îºóɾûÁËÖÕÓÚ ......
1.»ù±¾Óï·¨£º
Ñ¡Ôñ·ûÃû×Ö { ÉùÃ÷; }
Ñ¡Ôñ·ûÃû×ÖÃüÃû¹æÔò£º
CSSÑ¡Ôñ·û¿ÉÒÔʹÓÃÓ¢ÎÄ×ÖĸµÄ´óдÓëСд,Êý×Ö,Á¬×ÖºÅ,Ï»®Ïß,ðºÅ,¾äºÅ.
2.·ÖÀࣺ
ÔÚAndy BuddµÄ¡¶CSS MASTERY¡·£¨ÖÐÒë¡¶¾«Í¨CSS¡·£©ÖУ¬½«CSSÑ¡Ôñ·û·ÖΪ£º³£ÓÃÑ¡Ôñ·û¡¢Í¨ÓÃÑ¡Ôñ·ûºÍ¸ß¼¶Ñ¡Ôñ·û¡£³£ÓÃÑ¡Ôñ·û°üÀ¨£ºÀàÐÍÑ¡Ôñ·û¡¢ÀàÑ¡Ôñ·û¡¢IDÑ¡Ôñ·û¡¢ºó´ ......