Óû§ÆÀÂÛ
Õâ¼þÉÌÆ·ÕæµÄºÜºÃ£¬ÖÊÁ¿ºÜºÃ£¬ÎïÁ÷Ò²ºÜ¿ì¡£
·þÎñ̬¶ÈºÜºÃ£¬µ«ÊÇÎïÁ÷ÓеãÂý¡£
ÔÚÕâ¸öÀý×ÓÖУ¬hsck.cssΪ¡°card¡±¡¢¡°comment¡±µÈÀàÌṩÁËһϵÁÐÃÀ¹ÛµÄÑùʽ£¬Ê¹µÃÓû§ÆÀÂÛÇø¿´ÆðÀ´¼ÈרҵÓÖÏÖ´ú¡£Í¨¹ýÕâÖÖ·½Ê½£¬Äã¿ÉÒÔÔÚ¶Ìʱ¼äÄÚ¹¹½¨³ö¸ßÖÊÁ¿µÄ½çÃæ£¬ÌáÉýÓû§ÌåÑé¡£
ʹÓÃÏÖ´ú»¯µÄUIÔªËØ
²Ö¿âÖаüº¬ÁË´óÁ¿ÏÖ´ú»¯µÄUIÔªËØ£¬¿ÉÒÔ°ïÖúÉè¼ÆÊ¦¿ìËÙ¹¹½¨³ö?רҵµÄÍøÒ³¡£ÀýÈ磬hsck-buttonÀà¿ÉÒÔÓÃÀ´´´½¨ÃÀ¹ÛµÄ?°´Å¥£¬hsck-cardÀà¿ÉÒÔÓÃÀ´´´½¨ÊÓ¾õЧ¹û³öÉ«µÄ¿¨Æ¬£¬hsck-navbarÀàÔò¿ÉÒÔÓÃÀ´´´½¨¹¦ÄÜÆëÈ«µÄµ¼?º½À¸¡£ÕâЩUIÔªËØÉè¼Æ¼ò½à¡¢ÃÀ¹Û£¬¿ÉÒÔ´ó´óÌáÉýÍøÒ³µÄÊÓ¾õЧ¹ûºÍÓû§ÌåÑé¡£
¶¯Ì¬µÄÐÅÏ¢Ìáʾ¿ò
ÎÒÃÇÐèÒª´´½¨Ò»¸ö¶¯Ì¬µÄ?ÐÅÏ¢Ìáʾ¿ò¡£Í¨¹ýʹÓÃhsck.css²Ö¿âÖеÄhsck-tooltipÀ࣬¿ÉÒÔÇáËÉʵÏÖÐÅÏ¢Ìáʾ¿ò¡£ÀýÈ磺
ÌáʾÐÅÏ¢ÕâÊÇÒ»¸öÌáʾ¿ò
ÔÚÕâ¸öÀý×ÓÖУ¬hsck-tooltipÀඨÒåÁËÌáʾ¿òµÄÑùʽ£¬hsck-tooltip-contentÀඨÒåÁËÌáʾ¿òµÄÄÚÈÝ¡£Í¨¹ýÕâÖÖ·½Ê½£¬¿ÉÒÔÔÚÊó±êÐüÍ£ÔÚij¸öÔªËØÉÏʱÏÔʾÌáʾÐÅÏ¢¡£
hsck.css²Ö¿âÊÇÒ»¸ö·Ç³£ÊµÓᢸßЧµÄWebÉè¼Æ×ÊÔ´¿â£¬ÎªÉè¼ÆÊ¦ºÍǰ¶Ë¿ª·¢ÕßÌṩÁ˷ḻµÄCSS¹¤¾ßºÍ½â¾ö·½°¸¡£ÎÞÂÛÊÇÏìӦʽÉè¼Æ¡¢ÏÖ´ú»¯µÄUIÔªËØ¡¢¶¯»ºÍ½»»¥Ð§¹û£¬»¹ÊÇÐÔÄÜÓÅ»¯£¬hsck.css¶¼Äܹ»Âú×ã¸÷ÖÖÉè¼ÆÐèÇó¡£Í¨¹ýʹÓÃÕâ¸ö²Ö¿â£¬Éè¼ÆÊ¦ºÍ¿ª·¢Õß¿ÉÒÔ´ó´óÌáÉýËûÃǵÄÉè¼ÆÐ§ÂÊ£¬´´½¨³ö¸ü¸ßÖÊÁ¿¡¢¸üÃÀ¹ÛµÄÍøÒ³¡£
ΪʲôѡÔñhsck.css£¿
¼ò½àÒ×Óãºhsck.cssµÄÉè¼ÆÀíÄîÊǼò½àÃ÷ÁË¡£ËüÌṩÁËһϵÁлù´¡µÄÑùʽÀ࣬ͨ¹ýÕâЩÀ࣬¿ª·¢Õß¿ÉÒÔÇáËɵØÊµÏÖ¸ßÖÊÁ¿µÄ?Óû§½çÃæÉè¼Æ¡£ÎÞÐ踴ÔÓµÄÅäÖúͷ±ËöµÄÉèÖã¬Ö»Ðè¼òµ¥µÄ´úÂë¼´¿É»ñµÃרҵµÄЧ¹û¡£
ÏìӦʽÉè¼Æ£ºÔÚÒÆ¶¯¶ËÉ豸ÈÕÒæÆÕ¼°µÄ½ñÌ죬ÏìӦʽÉè¼Æ±ä?µÃÓÈÎªÖØÒª¡£hsck.css²ÉÓÃÁËÏÖ´úµÄýÌå²éѯ¼¼Êõ£¬È·±£ÄãµÄÍøÒ³ÔÚ¸÷ÖÖÉ豸É϶¼Äܹ»ÍêÃÀÏÔʾ¡£ÎÞÂÛÊÇ×ÀÃæµçÄÔ»¹ÊÇÊÖ»ú£¬ÄãµÄÓ¦Óö¼ÄÜ»ñµÃ×î¼ÑÌåÑé¡£
¸ßЧ¿ª·¢£ºhsck.css×¢ÖØ¿ª·¢ÕßµÄÉú²úЧÂÊ¡£ËüµÄÉè¼ÆÄ£Ê½ºÍÀàÃû¹æ·¶£¬Ê¹µÃ´úÂë¸ü¼ÓÒ×¶ÁºÍÒ×ά»¤¡£¿ª·¢Õß¿ÉÒÔ¿ìËÙÉÏÊÖ£¬¼õÉÙ´úÂëÈßÓ࣬Ìá¸ß¿ª·¢ËÙ¶È¡£
À©Õ¹ÐÔÇ¿£ºhsck.cssÌṩÁËÁé»îµÄ¶¨ÖÆÑ¡ÏÄã¿ÉÒÔ¸ù¾ÝÏîÄ¿ÐèÇó×Ô¶¨ÒåÑùʽÀ࣬Âú×ãÌØ¶¨µÄÉè¼ÆÒªÇó¡£ÎÞÂÛÊÇÑÕÉ«¡¢×ÖÌ廹ÊDz¼¾Ö£¬¶¼¿ÉÒÔÇáËÉʵÏÖ¡£
±à?д´úÂ룺
ʹÓÃBEMÃüÃû¹æ·¶£¬¶¨ÒåÑùʽ¿é¡¢ÔªËغÍÐÞÊηû¡£±àд»ù´¡Ñùʽ£¬²¢Ê¹ÓÃCSSGridºÍFlexboxʵÏÖÏìӦʽ²¼¾Ö¡£ÀûÓÃýÌå²éѯ£¬È·±£ÔÚ²»Í¬É豸ÉϵÄÏÔʾЧ¹ûÁ¼ºÃ¡£
´úÂëÓÅ»¯£ºÊ¹ÓÃhsck.cssÌṩµÄÓÅ»¯¹¤¾ß£¬¶ÔCSSÎļþ½øÐÐѹËõºÍÈ¥ÖØ£¬¼õÉÙÎļþ´óС¡£
´úÂëÃÀ»¯£ºÍ¨¹ýPrettierºÍStylelint¹¤¾ß£¬×Ô¶¯¸ñʽ»¯ºÍ¼ì²é´úÂë·ç¸ñ£¬È·±£Ò»ÖÂÐÔ¡£
´úÂëÉó²é£ºÍ¨¹ýGitHubµÈƽ̨£¬½øÐдúÂëÉó²é£¬»ñÈ¡ÍŶӳÉÔ±µÄ·´À¡ºÍ½¨Ò飬²¢½øÐÐÐ޸ĺÍÓÅ»¯¡£
ÃÀ¹ÛµÄµ¼?º½À¸
ÎÒÃÇÐèÒª´´½¨Ò»¸öÃÀ¹ÛµÄµ¼º½À¸¡£Í¨¹ýʹÓÃhsck.css²Ö¿âÖеÄhsck-navbarÀ࣬¿ÉÒÔÇáËÉʵÏÖÒ»¸ö¹¦ÄÜÆëÈ«µÄµ¼º½À¸¡£ÀýÈ磺
ÔÚÕâ¸öÀý×ÓÖУ¬hsck-navbarÀඨÒåÁ˵¼º½À¸µÄÑùʽ£¬ulºÍli±êÇ©¶¨ÒåÁ˵¼º½À¸µÄ²Ëµ¥Ïî¡£ÕâÖÖ·½Ê½¿ÉÒÔÈ·±£µ¼º½À¸ÔÚ¸÷ÖÖÉ豸É϶¼ÄÜÕý³£ÏÔʾ¡£
У¶Ô£ºÕÅȪÁé(p6mu9CWFoIx7YFddy4eQTuEboRc9VR7b9b)


