СÌáʾ£ºÎÒÃǺܸßÐËΪÄãÌṩһ¸öժ¼£¬ËüÊÇÓÉDanCdrholmдµÄÒ»±¾½Ð×öSassForWbDsignrsµÄÊé¡£Äã¿ÉÒÔ¿ìËÙÔÚÒ»¸ö½ÐABookApartµÄÊé³ÇÕÒµ½ËüÃÇ¡£
ÎÒSass¶ÔÂÔ΢ÓеãµÖ´¥£¬ÎÒ¸üϲ»¶Ö±½ÓдCssÑùʽ£¡ÎÒ²»ÐèҪʹÓÃËü£¡´ËÍ⣬ÎÒȷʵ²»Ïë¸øÎҵŤ×÷Á÷³ÌÖÐÔö¼Ó¶îÍâµÄ¸´ÔӵIJ¿·Ö£¬Òò´ËÎÒÑ¡ÔñÔ¶ÀëËü¡£
Õâ¾ÍÎÒÃǵij£¹æÏë·¨£¬µ«ÊÇSass£¨ÒÔ¼°ÆäËûCssÔ¤´¦Àí³ÌÐò£©È·ÊµÊÇÒ»¸öÇ¿´óµÄ¹¤¾ß£¬Ëü¿ÉÒÔÈÃÈκÎÐÎʽµÄÑùʽ¶¼Äܹ»·½±ãµÄÒýÈ뿪·¢¹¤×÷ÖÐÈ¥¡£ËäÈ»Ëû»á»¨·ÑÎÒһЩʱ¼äÈ¥ÊìϤ¡¢ÊÊÓ¦£¬µ«ÊÇÎÒÒÀÈ»ºÜÀÖÓÚÕâÑù×ö¡£
Õâ¾ÍÊÇÎÒ´òËãд±¾Ð¡Æª·ùµÄÊéÀ´½éÉÜËüµÄÔÒò¡£ÎªÁË·ÖÏíһϣ¬ÔÚ¹ýÈ¥µÄÊ®ÄêÖУ¬µ±ÎÒÔÚά»¤µÄ¹ý³ÌÖÐÎÒÊǶàôÓä¿ìµÄ±àдcssµÄ£¬²¢ÇÒͬʱÊÇÔõÑùÌá¸ßЧÂʵġ£Ôø¾ÎÒÒ²À§»ó¹ý£ºSass»á²»»áÁîÎÒ²»¸ÒÈ¥³¢ÊÔÔõôʹÓÃËü¡£×î³õ£¬ÎÒµ£ÐÄÎÒµÃÍêÈ«¸Ä±äÎÒ±àдºÍ¹ÜÀíÑùʽ±íµÄ·½Ê½¡£CSSÓÐʱÊÇ´àÈõµÄ,ÕâÊÇ¿ÉÒÔÀí½âµÄ£¬ÔÒòÊÇÆä±àдÕß»ò¶à»òÉÙ³öÓÚ¶ÔËüµÄ±£»¤µ¼Öµġ£CanIgtanamn?
ÏÖÔÚ£¬ÈÃÎÒÀ´ÏòÄúչʾÈçºÎÈÃSass²»¸ÉÈÅÄãµÄ¹¤×÷Á÷³Ì,ÒÔ¼°ÈçºÎÈÃÄúµÄ¹¤×÷¸ü±ãÀû¡£ÏÂÃ棬ÎÒ½«ÑÝʾSassµÄ¸÷¸ö·½Ã棺ÔõÑù°²×°£¬ÔõÑùʹÓÃÒÔ¼°ÔÚÏîÄ¿ÖÐÔõÑùÌṩ¸øÎÒÃÇ×î´óµÄ°ïÖú¡£µ«Ô¸Ä㽫Ҳ»áÏëÎÒÒ»ÑùÉîÉîµÄ°®ÉÏËüµÄ¡£
SassÖð²½½â˵
ÊÇ·ñÐèҪÿһ´¦¶¼Òª¸Ä±ä£¬±È·½Ëµ£¬ÄãµÄÑùʽ±íÀïÐèÒª»»Ò»Ì×ÑÕÉ«£¬Äã±ØÐëÒªÕÒµ½ºÃ¼¸´¦µØ·½£¬²¢ÇÒÌæ»»ºÃ¼¸´ÎÑÕÉ«ÊôÐÔÖµ¡£ÄÇôÄãÏ£ÍûÕâÑù´¦ÀícssÂð£¿
$brand-color:#fc;a{color:$brand-color;}nav{background-color:$brand-color;}
Èç¹ûÄãÄܹ»ÔÚÖ»¸Ä±äijһ´¦µÄÊôÐÔÖµ£¬ÆäËûµØ·½µÄÊôÐÔÒ²»áËæÖ®ÏàÓ¦¸Ä±ä£¿ÄÇôÄã¿ÉÒÔʹÓÃsass£¡
»òÕßÊÇÔÚÕû¸öÑùʽ±íÀÖظ´µÄ·ç¸ñÔÚ²»Í¬µØµãʹÓÃÄØ?
p{margin-bottom:0px;font-siz:14px;lin-hight:1.5;}footr{margin-bottom:0px;font-siz:14px;lin-hight:1.5;}
Æñ²»ÊǺÜÉñÆæ?°ÑÄÇЩ¹²ÓõĶ«Î÷£¬¹æ»®³ÉÒ»¸ö¿ÉÖØÓÿ飬ֻÐèÒª¶¨ÒåÒ»´Î,È»ºóÒýÓõ½ÄãÐèÒªµÄµØ·½¼´¿É¡£
mixindfault-typ{margin-bottom:0px;font-siz:14px;lin-hight:1.5;}p{
includdfault-typ;}footr{includdfault-typ;}ÕâÒ²ÊÇSass¿ÉÒÔ×öµ½µÄ£¬ÕâÁ½¸ö·Ç³£¼òµ¥µÄ¡¢¼¸ºõÖ»ÊÇÉæ¼°µãSassƤëµÄÀý×Ó£¬ÏòÄúչʾÁËʹÓÃSass±àдµÄÑùʽ£¬ÊÇÔõÑù°ÑcssÑùʽдµÃÈçºÎ¸ü¿ì,¸üÈÝÒ×,¸üÁé»î¡£ÕâÊÇÔÚÍøÒ³Éè¼ÆµÄÊÀ½çÀһ¸ö·Ç³£ÊÜ»¶ÓµÄÖúÊÖ¡£ÒòΪ´´½¨¹ýÒ»¸öÍøÕ¾µÄÈ˶¼ÖªµÀÕâÑù½«»á´øÀ´ÔõÑùµÄºÃ´¦µÄ¡¡£
ѧϰCssµÄÀ§ÄÑÖ®´¦
ÕæµÄÃæ¶ÔËüʱ£¬Äã»á·¢ÏÖѧϰcssÒ²²»ÊÇÒ»¼þºÜÈÝÒ×µÄÊ¡£ÄãÒªÁ˽âÿ¸öÊôÐÔµÄ×÷Óᢵ±ËûÃDzãµþÔÚÒ»ÆðʱÓÖÊÇÔõô¹¤×÷µÄ¡¢ÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÖ§³ÖʲôÊôÐÔÓë±êÇ©ÒÔ¼°»á³öÏÖһЩÔõÑùµÄ¹ÖÒìÏÖÏóµÈµÈ¡£ÕâȷʵÊÇÒ»¼þ²»ÈÝÒ×µÄÊ°¡£¡ÔÙ¼ÓÉ϶ÔһЩ¸´ÔÓÄ£¿éµÄ·´¸´Î¬»¤,ÎÒÃÇÓбØÒªÕâÑù×öÂð?¿ÉÊǺÜÆæ¹ÖµÄÊÇ,¾ÓÈ»ÓÐÈË»¹»áµ±×öÒ»ÖÖÏíÊÜ(ÄÔ´ü±»Ãż·ÁË°É...).
»¹ÓÐÒ»¸öÎÊÌâÔÚÓÚ,CSS×î³õÉè¼Æ³öÀ´²»ÊÇΪÁË×öÎÒÃǽñÌì×öËù×öµÄÕâЩÊÂÇéµÄ¡£ÓÉÓÚä¯ÀÀÆ÷µÄ²»¶Ï´´ÐºÍCSSµÄ³öÏÖ,¼«´óµÄ´Ù½øÁËcssµÄ·¢Õ¹µÄ£¬²¢ÍêÈ«³¬³öÁËÆä±»Éè¼Æ³öÀ´µÄ³õÖÔ£¨¾Ý˵css±»Éè¼Æ³öÀ´Ö®³õÖ÷ÒªÊÇÓÃÀ´²¼¾ÖµÄ£©¡£µ«ÊÇ£¬ÏÖÔÚÎÒÃÇÒÀÈ»ÐèÒªÒÀÀµÒ»Ð©ÌØÊâ¼¼ÊõÀ´ÊµÏÖÎÒÃǵÄÄ¿µÄ£¬±ÈÈçcsshacks¾ÍÊÇÆäÖеÄÒ»ÖÖ¡£ÔÙ±ÈÈ磬ÎÒÃÇÏëͨ¹ýfloatÊôÐÔÀ´ÊµÏÖ¼òµ¥µÄͼƬÓëÒ»¶ÎÎı¾µÄ¶ÔÆë¡£¾ÍÕâÖÖÇé¿öÏ£¬ÎÒÃÇËƺõ¸üÇ÷ÏòÓÚÑ¡ÔñfloatÊôÐÔÀ´²¼¾ÖÕû¸öÄ£¿é¡£
ÎÒÃǵÄÑùʽ±íÒ²¼«´óµØÖظ´¡£ÑÕÉ«¡¢×ÖÌ嶼¾³£·Ö×éÊôÐԵȡ£µäÐ͵ÄCSSÎļþÊÇÒ»¸ö·Ç³£ÏßÐԵĶ«Î÷,ʹµÃÃæÏò¶ÔÏóµÄ³ÌÐòÔ±×¥ÆÆËûÃǵÄÄÔ´üÒ²ºÜÄÑÊÊÓ¦¡£(ÎÒ²»ÊÇÒ»¸öÃæÏò¶ÔÏó±à³ÌµÄ³ÌÐòÔ±,µ«ÎÒÄÔ´üÒ²¿ì±»×¥ÆÆÁË¡£ÕýÈçÄã¿ÉÄܶÁµ½)¡£
ÓÉÓÚ½Ó¿Ú³ÌÐòºÍwbÓ¦ÓóÌÐòµÄ¸ü¼Ó½¡È«»¯ºÍ¸ü¼Ó¸´ÔÓ»¯,ÕýÈçcssÕýÔÚ×ö×Å×î³õ±»Éè¼Æ³öÀ´Ê±´ÓδÏë¹ý×ö¹ýµÄÊÂÇé¡£ÕâÔ´ÓÚÎÒÃǵÄÏë·¨×ÜÊÇÕâÑùµÄËƺõ¿É³Ü£¨css¿É²»¿ÉÒÔ¶à×öµã±ðµÄÄØ?£©.ÐÒÔ˵ÄÊÇ,ä¯ÀÀÆ÷ÖÆÔìÉ̲ÉÓÃеÄCSSÌØÐÔ»¹ÊDZȽϿìËÙµÄ,¸ü¸ßЧ¸üÇ¿´óµÄÊôÐÔºÍÑ¡ÔñÆ÷,½â¾ö½ñÌìµÄÍøÂç´øÀ´µÄеÄÐèÇóÎÊÌâ¡£±ÈÈçCSSµÄһЩÌØÐÔ£º¡¢¸ß¼¶Ñ¡ÔñÆ÷¡¢ÐµIJ¼¾ÖÑ¡Ïî¡¢bordr-radius,box-shadow¡¢transitions,transforms,animationµÈÊôÐÔ¡£ÕâÊǶàôµÄÈÃÈ˸е½ÐË·Ü°¡¡£È»¶ø£¬»¹ÓÐÐí¶àÊôÐÔûÓÐÍêÈ«µÄµÃµ½Ö§³Ö£¬Èç¹û½«À´ÕâЩÊôÐÔ¶¼±»Ö§³ÖÁ˵Ļ°£¬ÏàÐÅдcssʱ»á±äµÄÇáËɵĶàÁË¡£
²»Öظ´ÔÔò
Èç¹ûÎÒÃDZȽÏÒ»ÏÂͬÐÐÈí¼þ¹¤³ÌÃǵÄÊÀ½ç£¨ÎÒÃDZÈËûÃÇÓÆÏÐÓëÊæÊʵĶàÁË£©£¬ÎÒÃÇ¿ÉÒԺܿìµÄ¿´µ½ËûÃÇÊÇÈçºÎ×éÖ¯±äÁ¿¡¢³£Á¿¡¢Ä£¿é,µÈµÈ,¡£ËûÃÇÓÃËûÃǹÌÓеģ¬ÒÔ¼°ËûÃǸоõ·Ç³£±ØÒªµÄģʽȥΪÈËÃǹ¹½¨Ò»Ð©¸´ÔÓµÄϵͳ¡£
ÄãÒ²ÐíÌý¹ý²»Öظ´ÔÔò£¬ËüÊÇÓÉAndyHuntºÍDavThomasÔÚËûÃÇËùÖøµÄÒ»±¾½Ð¡¶³ÌÐòÔ±ÐÞÁ¶Ö®µÀ¡·µÄÊéÀïËù¶¨Òå³öÀ´µÄ¡£¾Ý²»Öظ´ÔÔòµÄÃèÊö£º
ÔÚÒ»¸öÌåϵÖУ¬Ã¿Ìõ֪ʶ±ØÐëÓÐÒ»¸öÃ÷È·µÄ,µäÐ͵Ĵú±í¡£
²»¶ÏµØ¸´ÖÆ´úÂëµÄ·½·¨¿ÉÄÜ»áÈÿª·¢ÕߺÜÀ§»óÓë¸Ðµ½Ê§°Ü£¨
תÔØÇë×¢Ã÷£ºhttp://www.guyukameng.com/jspt/jspt/16551.html