ÍøÒ³²¼¾ÖÖÐÈçºÎ½øÐÐ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×öµ¥Î»¡£
¡¡¡¡
Ïà¹ØÎĵµ£º
¶¨Î»Ò»Ö±ÊÇWEB±ê×¼Ó¦ÓÃÖеÄÄѵ㣬Èç¹ûÀí²»Çå³þ¶¨Î»ÄÇô¿ÉÄÜӦʵÏÖµÄЧ¹ûʵÏÖ²»ÁË£¬ÊµÏÖÁ˵ÄЧ¹û¿ÉÄÜ»á×ßÑù¡£Èç¹ûÀíÇåÁ˶¨Î»µÄÔÀí£¬ÄǶ¨Î»»áÈÃÍøÒ³ÊµÏֵĸü¼ÓÍêÃÀ¡£
¶¨Î»µÄ¶¨Ò壺
ÔÚCSSÖйØÓÚ¶¨Î»µÄÄÚÈÝÊÇ£ºposition:relative | absolute | static | fixed
static ûÓÐÌØ±ðµÄÉ趨£¬×ñÑ»ù±¾µÄ¶¨Î»¹æ¶¨£¬²»ÄÜͨ¹ýz-index½ ......
ÑùʽѡÔñ·ûÃüÃû
Ñ¡Ôñ·ûÒÔÀàÐÍ·Ö£¬Í¬Àà·ÅÒ»Æð£¬ÀàµÄ¶¨Òå˳ÐòÒÔHTMLÖÐʵ¼ÊµÄ˳ÐòΪ²Î¿¼£¬ÒÔ·½±ã²éÕÒΪÖ÷, ʹÓÃÀàËÆÏÂÃæµÄ¹æÔò:
[Ä£¿éǰ׺ | ÀàÐÍ | ×÷ÓÃ]_[Ãû³Æ]_[״̬ | λÖÃ]
Ô¼¶¨Ä£¿é¡¢ÀàÐÍ¡¢×´Ì¬¡¢Î»ÖõȵÄËùʹÓõĵ¥´Ê»òÆäËõд£¬±£³ÖÉÏÃæµÄ˳Ðò£¬¾¡Á¿±£³ÖÔÚÁ½µ½Èý¸öµ¥´Ê˵ÇåÓÃ;¡£
ͨÓÃÃû´ÊËõд
ÉèÖÃ
set
......
ת×Ô£ºhttp://blog.csdn.net/wellnode/archive/2010/03/24/5408943.aspx
ĿǰÔÚÊÐÃæÉÏÓжàÖÖ¶¨Î»ÏµÍ³£¬°üÀ¨
Zigbee
¡¢
WiFi
µÈ£¬ÒÔ¼°×îеÄ
CSS
¶¨Î»ÏµÍ³¡£´Ó¶¨Î»ÔÀíÉÏ·ÖÎö£¬Ò»°ãµÄ¶¨Î»ÏµÍ³¶¼¿ÉÒÔ¹éÄɵ½»ùÓÚʱ¼äµÄϵͳ¡¢»ùÓÚÐźÅÇ¿¶Èϵͳ£¬¶øÕâÁ½Ààϵͳ¶¼ÓÐן÷×ԵĹ²ÐÔ¡£ÏÂÃæÒÔÕâÁ½ÖÖϵͳµÄµäÐÍ´ú±í
CSS
ϵͳ£¨» ......
margin Íâ±ß¾à
border ±ß¿ò
padding Äڱ߾à
Ò²¾ÍÊÇ˵ ÉèÖÃmargin ÄÇôËûËùÕ¼¾ÝµÄ¿Õ°×µØ·½»áÊÇÔڱ߿òÍâÃæ
ÉèÖÃpadding ËûËùÕ¼¾ÝµÄ¿Õ°×µØ·½ÊÇÔڱ߿òÀïÃæ
¶øÇÒÔÚIE6 һϵİ汾ÖÐ ´æÔÚÕâpadding ¼ÆËã´íÎóµÄBUG
CSS µÄ¿í¶ÈÊôÐÔ±¾À´ÊDz»°üº¬paddingµÄ µ«ÊÇ ÔÚieÏÂÃæÓеÄʱºò¿í¶ÈÊǰüº¬padding ËùÒÔ ½¨ÒéÔÚ²»ÊìϤCSS ÔÚ¶¨Î» ......
±¾ÎĽ«½²ÊöHTMLºÍCSSµÄ¹Ø¼ü—ºÐ×ÓÄ£ÐÍ(Box model). Àí½âBox modelµÄ¹Ø¼ü±ãÊÇmarginºÍpaddingÊôÐÔ, ¶øÕýÈ·Àí½âÕâÁ½¸öÊôÐÔÒ²ÊÇѧϰÓÃcss²¼¾ÖµÄ¹Ø¼ü.
×¢: Ϊʲô²»·ÒëmarginºÍpadding? ÔÒòÒ», ÔÚººÓïÖв¢Ã»ÓÐÓëÖ®Ïà¶ÔÓ¦µÄ´ÊÓï; ÔÒò¶þ: ¼´Ê¹ÓÐÕâÑùµÄ´ÊÓï, ÓÉÓÚÔÚ±àдcss´úÂëʱ, ±ØÐëʹÓÃmarginºÍpadding, Èç¹ûÎÒÃÇ×ÜÓà ......