³£ÓÃCSSÑ¡ÔñÆ÷
Ñ¡ÔñÆ÷ Óï·¨ ÃèÊö ʾÀý ±êÇ©Ñ¡ÔñÆ÷ E{ .....} ÒÔÎĵµÔªËØ×÷ΪѡÔñ·û td{font-size:14px;
......} IDÑ¡ÔñÆ÷ #ID{...} ÒÔÎĵµÔªËصÄΩһ±êʾ·ûID×÷ΪѡÔñ·û #note{fron-size:14px;
......} ÀàÑ¡ÔñÆ÷ E.className{....} ÒÔÎĵµÔªËصÄclass×÷ΪѡÔñ·û div.note{....}
.dream{....} Ⱥ×éÑ¡ÔñÆ÷ E1,E2,E3{....} ¶à¸öÑ¡Ôñ·ûÓ¦ÓÃͬÑùµÄÑùʽ¹æÔò td,p,div.a{.....} ºó´úÑ¡ÔñÆ÷ E F{...} ÔªËØEµÄÈÎÒâºó´úF #links a{.....} ͨÅäÑ¡Ôñ·û *{......} ÒÔÎĵµµÄËùÓÐÔªËØ×÷ΪѡÔñ·û
*{......}
Ïà¹ØÎĵµ£º
Õâ5¸öÓÐÓõÄcssÊôÐÔ¿ÉÄÜÄãÊDZȽÏÊìϤµÄ£¬µ«ÊǺÜÉÙʹÓõ½ËüÃÇ¡£ÎÒÕâÀïÌÖÂ۵IJ»ÊÇcss3µÄÐÂÊôÐÔ
¡£ÎÒÌáµ½µÄ¶¼ÊDZ»ËùÓÐä¯ÀÀÆ÷Ö§³ÖµÄcss2ÊôÐÔ±ÈÈ磺clip¡¢min-height¡¢white-space¡¢cursorºÍdisplay¡£Ç§Íò±ð´í
¹ýÕâƪÎÄÕ£¬ÒòΪÄã»á¾ªÑȵķ¢ÏÖËûÃÇÊǺÜÓÐÓõġ£
Ò»¡¢css clip£¨²ÃÇУ©
clip²ÃÇÐÕâ¸öÊôÐÔÓеãÏñÊÇÕÚÕÖ¡£ËüÔÊÐíÄã ......
/*
*´´½¨ÈË£ºÝþÒËÖÒ
*ÓÃ;£ºÑ§Ï°css£¬Ó¦ÓÃÓÚÐÂÎÅϵͳ
*/
*
{
/*°ÑĬÈÏÖµÉèÖÃΪ0*/
margin: 0;
padding: 0;
border-width: 0;
}
body
{
font-size: 14px;
}
a:link£¬a:visited
{
/*Êó ......
ä¯ÀÀÆ÷¼æÈÝ¿ÉÒÔ˵ÊÇÇ°¶Ë¿ª·¢ËùÒªÃæ¶ÔµÄµÚÒ»¸öÌôÕ½£¬Ä¿Ç°ÎҵĵçÄÔÉÏÒѾ°²×°ÁË6ÖÖä¯ÀÀÆ÷£¨»ùÓÚIEÄں˵IJ»Ë㣬ÈçMaxthonµÈ£©¡£
¡¡¡¡CSS hacksÀûÓÃä¯ÀÀÆ÷µÄ©¶´À´Òþ²ØÌض¨ä¯ÀÀÆ÷µÄCSS¹æÔò¡£ÊµÏÖä¯ÀÀÆ÷¼æÈÝÖ÷ÒªÓÐÁ½ÖÖ·½Ê½Ìõ¼þÑùʽ±íºÍCSS Hacks£¨Selector Hacks¡¢Attribute Hacks£©¡£¶Ô´Ë¸ù¾ÝһЩ×ÊÁÏ»ã×ÜÁËһЩCSS Hacks·½·¨¡ ......
IE ä¯ÀÀÆ÷ÖÐ CSS ÌØÐÔµÄ×î´óµÄÎÊÌ⣺»á·´¸´Ö´ÐУ¬Ã¿ÃëÖÓ¿ÉÄÜÖ´ÐÐÁ˳ɰÙÉÏǧ´Î£¬ÓÐÑÏÖصÄÐÔÄÜÎÊÌâ¡£
ÈçºÎ¶Ô CSS ½øÐÐÓÅ»¯ÄØ£¿
ÖÁÉÙ£ºÈç¹ûÎÒÃǽ« CSS ÔÚÆ¥ÅäµÄÔªËØÖнöÖ´ÐÐÒ»´Î£¬ÐÔÄܽ«»áÌáÉýºÜ´ó¡£
&nb ......
CSSÖÐvisibilityÓëdisplayµÄÇø±ð
CSSÖеÄÊôÐÔvisibilityÓëdisplay¶¼¿ÉʵÏÖÏÔʾ¡¢Òþ²ØÔªËصÄЧ¹û£¬µ«ËûÃÇÖ®¼äÒ²ÓкܴóµÄÇø±ð¡£
visibility¹æ¶¨ÔªËصÄÄÚÈÝÊÇ·ñÏÔʾ£»¶ødisplay¹æ¶¨ÔªËر¾ÉíµÄÏÖʵ·½Ê½£¬¿ÉÒÔ¾ö¶¨ÔªËر¾ÉíÊÇ·ñ¿É¼û¡£
visibilityµÄvisible±íʾÏÔʾ£¬hidden±íʾÒþ²Ø¡£µ±visibility±»ÉèÖÃΪ"hidden"ʱ£¬ËäȻԪËØ ......