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

ÀúÊýCSSËõдµÄһЩºÃ´¦


Ô­ÎÄÁ´½Ó£ºhttp://www.fendou163.cn/article/20090115/24807.html
¡¡¡¡WebÍøÕ¾¿ÉÓÃÐԵĹؼüÖ¸±êÊÇËٶȣ¬¸üÈ·ÇеØ˵£¬ÊÇÒ³ÃæÄÜÒÔ¶à¿ìµÄËٶȳöÏÖÔÚ·ÃÎÊÕßµÄä¯ÀÀÆ÷´°¿ÚÀï¡£Ó°ÏìËٶȵÄÒòËØÓкܶàÖÖ£¬°üÀ¨Web·þÎñÆ÷µÄËٶȡ¢·ÃÎÊÕßµÄInternetÁ¬½ÓÇé¿ö£¬ÒÔ¼°ä¯ÀÀÆ÷±ØÐëÏÂÔصÄÎļþ´óС¡£¾¡¹ÜÄãÎÞ·¨¿ØÖÆ·þÎñÆ÷ºÍÁ¬½ÓµÄËٶȣ¬µ«ÊÇÄã¿ÉÒÔ¿ØÖƹ¹³ÉÍøÕ¾WebÒ³ÃæµÄÎļþ´óС¡£
¡¡¡¡ÎªÁËÈÃÍøÕ¾Äܹ»¸ü¿ì£¬WebµÄ½¨ÉèÕ߶¼»á°´³£¹æµØѹËõºÍÓÅ»¯ÍøÕ¾ÉϵÄÿһ¸öͼÏñÎļþ£¬Õâ³£³£Ê¹µÃΪÁ˽«ÎļþµÄ´óС¼õÉÙ¼¸¸ö°Ù·Öµã¶øÎþÉüÁËͼÏñµÄÖÊÁ¿¡£ÓÉÓÚCSSÑùʽ±íÊÇ´¿Îı¾Îļþ£¬ºÍͼÏñÏà±ÈÏà¶Ô½ÏС£¬ËùÒÔWeb½¨ÉèÕߺÜÉÙ¿¼ÂDzÉÈ¡´ëÊ©¼õÉÙÆäCSSÑùʽ±íÎļþµÄ´óС¡£µ«ÊÇ£¬Í¨¹ýʹÓÃCSSËõдÒÔ¼°ÆäËûµÄһЩ¼òµ¥¼¼ÇÉ£¬Äã¿ÉÒÔÔںܴó³Ì¶ÈÉϼõÉÙÑùʽ±íµÄ´óС¡£ÔÚÎÒ¶Ô×Ô¼ºÑùʽ±íµÄÒ»´Î·ÇÕýʽµÄÌرð²âÊÔÖУ¬ÎÒ°ÑÎļþµÄ´óС½µµÍÁË´óÔ¼25-50%¡£
¡¡¡¡Ê¹ÓÃCSSµÄËõдÐÔÖÊ
¡¡¡¡CSSµÄËõдÐÔÖÊ(shorthand property)ÊÇһЩרÓõÄÐÔÖÊÃû£¬ÓÃÀ´´úÌæ¶à¸öÏà¹ØÐÔÖʵļ¯ºÏ¡£ÀýÈ磬¼ä϶ÐÔÖÊ(padding property)ÊǶ¥²¿¼ä϶(padding-top)¡¢ÓÒ²à¼ä϶(padding-right)¡¢µ×²¿¼ä϶(padding-bottom)ºÍ×ó²à¼ä϶(padding-left)µÄËõд¡£
¡¡¡¡Ê¹ÓÃËÙдÐÔÖÊÈÃÄãÄܹ»°Ñ¶à¸öÐÔÖÊ/ÊôÐÔ¶Ô(property/attribute pair)ѹËõ½øCSSÑùʽ±íµÄÒ»ÐдúÂëÀï¡£ÀýÈ磬ÏëÒ»ÏëÏÂÃæµÄ´úÂ룺
¡¡¡¡.sample1 {
¡¡¡¡margin-top: 15px;
¡¡¡¡margin-right: 20px;
¡¡¡¡margin-bottom: 12px;
¡¡¡¡margin-left: 24px;
¡¡¡¡padding-top: 5px;
¡¡¡¡padding-right: 10px;
¡¡¡¡padding-bottom: 4px;
¡¡¡¡padding-left: 8px;
¡¡¡¡border-top-width: thin;
¡¡¡¡border-top-style: solid;
¡¡¡¡border-top-color: #000000;
¡¡¡¡}
¡¡¡¡½«ËüÓÃһЩËõдÐÔÖÊÀ´Ìæ´ú¾ÍÄܹ»°Ñ´úÂë¼õÉÙΪÏÂÃæÕâÑù£¬Á½ÕßµÄʵ¼ÊЧ¹ûÊÇÍêÈ«Ò»ÑùµÄ£º
¡¡¡¡.sample1 {
¡¡¡¡margin: 15px 20px 12px 24px;
¡¡¡¡padding: 5px 10px 4px 8px;
¡¡¡¡border-top: thin solid #000000;
¡¡¡¡}
¡¡¡¡Òª×¢Ò⣬ËõдÐÔÖÊ»¹Óжà¸öÊôÐÔ£¬Ã¿Ò»¸ö(ÊôÐÔ)¶¼¶ÔÓ¦Ò»¸ö±»×éºÏ½øÈëËõдÐÔÖʵij£¹æÐÔÖÊ¡£ÊôÐÔÓɿհ׸ô¿ª¡£
¡¡¡¡µ±ÊôÐÔÊÇÀàËƵÄÖµµÄʱºò£¬ÀýÈçÓÃÓڱ߿ò¿Õ°×ÐÔÖÊ(margin property)µÄÏßÐÔ²âÁ¿µÄʱºò£¬½ÓÔÚËõдÐÔÖÊÖ®ºóµÄÊôÐÔµÄ˳ÐòºÜÖØÒª¡£ÊôÐԵĴÎÐòÊÇ´Ó¶¥²¿(¶¥²¿µÄ±ß¿ò¿Õ°×)¿ªÊ¼£¬È»ºóΧÈƸñ×Ó(box)°´Ë³Ê±Õë´ÎÐò¼ÌÐø¡£
¡¡¡¡Èç¹ûËõдÐÔÖʵÄËùÓÐÊôÐÔ¶¼ÊÇÏàͬµÄ£¬ÄÇôÄã¿ÉÒÔ¼òµ¥µØÁгöµ¥¸öÊôÐÔ£¬È


Ïà¹ØÎĵµ£º

CSSÂ˾µ±Ê¼Ç °üº¬LightÂ˾µ·½·¨µÄʹÓÃ

Alpha
1. Óï·¨: {filter: alpha(opacity=opacity, finishopacity=finishopacity, style=style, startx=startx, starty=starty, finishx=finishx, finishy=finishy)}
2. ÒâÒå: °ÑÒ»¸öÄ¿±êÔªËØÓë±³¾°»ìºÏ, ÉèÖÃÕß¿ÉÒÔÖ¸¶¨ÊýÖµÀ´¿ØÖÆ»ìºÏµÄ³Ì¶È
3. ÊôÐÔ
3.1. opacity: ͸Ã÷¶Èˮƽ, 0ΪÍêȫ͸Ã÷, 100ΪÍêÈ«²»Í¸Ã÷
3.2. fin ......

CSS¼æÈÝÐÔ£¨1£© !important

Ðí¶àÈËÈÏΪie6²»Ö§³Ö!important£¬ÆäʵÊDZ»Ò»ÌõÕë¶Ôie 6µÄcss hack¸øÎóµ¼ÁË¡£ÕâÌõcss hackÊÇ£º
.test {
    height: auto !important;
    height: 500px;
}
.testµÄ¸ß¶ÈÔÚÆäËûä¯ÀÀÆ÷ÀïÃæÊÇauto£¬¶øÔÚie6ÀïÃæÊÇ500px£¬Ðí¶àÈËÔÚ½âÊÍÕâÌõcss hackÖ®ËùÒÔ»áÉúЧÊÇÒòΪie6²»Ö§³Ö!important£¬Îóµ¼Á˲»ÉÙÈ ......

³£ÓõÄcssÑùʽ

×ÖÌå
font-family: ×ÖÌåÃû³Æ
Èç¹ûÔÚ
font-familyºó¼ÓÉ϶àÖÖ×ÖÌåµÄÃû³Æ£¬ä¯ÀÀÆ÷»Ø°´×ÖÌåÃû³ÆµÄ˳ÐòÖðÒ»ÔÚÓû§µÄ¼ÆËã»úÀïÑ°ÕÒÒѾ­°²×°µÄ×ÖÌ壬һµ©Óöµ½ÓëÒªÇóµÄÏàÆ¥ÅäµÄ×ÖÌ壬¾Í°´Õâ
ÖÖ×ÖÌåÏÔʾÍøÒ³ÄÚÈÝ£¬²¢Í£Ö¹ËÑË÷£»Èç¹û²»Æ¥Åä¾Í¼ÌÐøËÑË÷£¬Ö±µ½ÕÒµ½ÎªÖ¹£¬ÍòÒ»Ñùʽ±íÀïµÄËùÓÐ×ÖÌ嶼ûÓа²×°µÄ»°£¬ä¯ÀÀÆ÷¾Í»áÓÃ×Ô¼ºÄ¬Èϵ ......

CssÊôÐÔ¼û½â

   ×òÌìѧϰÁËCssµÄһС²¿·ÖÊôÐÔ£¬ÕâЩÊôÐÔÒ»Ö±´Ó×òÌìÁ·Ï°µ½½ñÌ죬¸Ð¾õÈç¹ûÏë°ÑÕâЩÊôÐÔÍêÈ«µÄÕÆÎÕÀι̻¹ÐèÒª´óÁ¿µÄÁ·Ï°£¬¿´µ½Í¬Ñ§Ò»¸ö±ÈÒ»¸öѧϰŬÁ¦£¬ÓеÄͬѧÒѾ­³¬Ç°Ñ§Ï°£¬ÐÄÀï¸Ðµ½ÆßÉÏ°Ëϵģ¬Òò´Ë×Ô¼ºÒ²ÔÚÂýÂý×êÑУ¬²»ÄÜÂäµ½±ðÈ˵ĺóÃ棬×òÌìÖ÷ÒªÊÇÁ·Ï°ÁË£¬½ñÌìÖ÷ÒªµÄ×ܽáÁËһЩCssµÄÊôÐÔ£º
Îı¾
font-fa ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ