Ц̸IEϵÁÐ6.0µ½8.0ÍøÕ¾CSS¼æÈÝ
·½·¨³¬¼¶¼òµ¥Èý¾ä»°£º
µÚÒ»£º×öÍøÕ¾ÓÃIE7.0£¬Õâ¸ö°æ±¾ÊÇ×î±ê×¼µÄ°æ±¾¡£ÏȲ»Òª¹Ü±ðµÄä¯ÀÀÆ÷ÊÇ·ñ¼æÈÝ¡£
µÚ¶þ£ºÍøÕ¾×öÍ꣬ºÃÁËÓÃIE6.0£¬IE8.0²âÊÔһϣ¬ºÃÁË£¬IE6.0ÓÐС²¿·Ö±ä¶¯£¬IE8.0²ÒÄ¿È˶ã¬ÏÖÔÚÏÈÀ´½â¾öIE6.0µÄÎÊÌâ
IE6.0ÊÇÏÖÔÚ×îÀÃ×îÀ¬»øµÄä¯ÀÀÆ÷°æ±¾£¬o(︶︿︶)o °¦ÎҼҵϹÊÇ6.0µÄ£¬Ò»Ö±ÔÚÍâµØ¹¤×÷Í·ÌÛ¡£
×¢ÒâÔÚÄãÍøÕ¾µÄcssÖÐÈç¹ûÓÃÁËmarginºÍfloatÑùʽ,ºóÃæÔÙ¼ÓÒ»¸ödisplay:inline;½â¾öÎÊÌâ¡£
µÚÈý£º½â¾öIE8.0ÎÊÌ⣬˵ʵ»°ÏÖÔںܶàÍøÒ³¶¼²»Ö§³Ö8.0£¬Ã»·¢×ÔÒ»¾ä»°½â¾öÎÊÌ⣬ÔÚÄãÍøÒ³µÄ<head></head>Ö®¼äÌí¼Ó
<meta http-equiv="x-ua-compatible" content="ie=7" />ʹÓÃIE7.0µÄÄںˣ¬¾Í¿ÉÒÔÁË¡£ÖÁÓÚFF2.0ºÍFF3.0
ÄãÖ»ÄÜÓÃhackÁË£¬×Ô¼ºÐ´°ÉºÇºÇ¡£×î½üÃÔÁµÉÏÑîÃÝÁ˺ǺÇÖ§³ÖŶ£¬ËýÌ«ÏñÎÒµÄÒ»¸öѧÉúÁË¡£ºÇºÇ
³¤Ê±¼äµÄÔÚÍâµØ¹¤×÷£¬·¢ÏÖÁËÒ»¸öÎÊÌ⣬ºÃÏñûÓÐÔÙÓùý±Ê£¬o(︶︿︶)o °¦Á¬Ö½ÕŶ¼Ã»ÓÐÓùý£¬ÉõÖÁÉíÉÏÒ²²»´ø£¬ÎÞÄÎŶ~
Ïà¹ØÎĵµ£º
Ñ¡ÔñÆ÷µÄ·Ö×é
Òâ˼¾ÍÊÇ˵¼¸¸öÑ¡ÔñÆ÷¿ÉÒÔͬʱʹÓÃÒ»¸öÉùÃ÷£¬µ«ÊÇÑ¡ÔñÆ÷Ö®¼ä¼Çסһ¶¨ÒªÓöººÅÀ´¸ô¿ª£¬ÕâÑùÎÒÃÇ»á½ÚÊ¡Á˺ܶà´úÂë
ÎÒÃǾٸöÀý×Ó°É£¡
h1,h2,h2,h3,h5,h6 {
color: red; background:blue;
}
ÕâÑùËùÓеÄh±êÌâ±êÇ©µÄ×ÖÌåÑÕÉ«ÊǺìÉ«£¬±³¾°ÊÇÀ¶É«£»Ó¦¸ÃÇå³þÁ˰ɣ¡
css¼Ì³ÐÐÔµÄÎÊÌâ
×ÓÔªËØ¼Ì³Ð¸¸ÔªËØµÄ ......
abc.css
CSS code
.class1
{
width:10px;
background-color: red;
}
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="abc.css" />
<TITLE> New Document </TITLE>
<script&g ......
CSS:
<style type="text/css">
a{
color: #FFFF99;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#nav{
padding: 10px 10px 0;
font-size: 12px;
font-weight: bold;
margin: 1em 0 0;
......
ʹÓÃwap css¿ÉÒÔ°ÑÄÚÈݺͱíʾ·ÖÀ룬ºÃ´¦£º
1.ʹÓÃwcssʹÄÚÈݺÍÑùʽ·ÖÀ룬¿ÉÒÔΪ²»Í¬ÊÖ»ú£¬Éè¼Æ¼¸¸ö°æ±¾wap css style sheet ºÍÖ¸¶¨²»Í¬ÆÁ
Ä»´óС¡£ÄÚÈÝÈ´²»ÐèÒªÐ޸ġ£
2.Ϊ²»Í¬É豸£¬ÈçPC,PDA,MOBILE PHONE£¬×¼±¸²»Í¬Ñùʽ±í£¬ÄÚÈݲ»ÐèÒª¸Ä±ä¡£
3.¼õÉÙά»¤Ò»¸öwapÕ¾µã£¬µ±ÓÐеĵ绰£¬Ö»ÐèÒªÔö¼ÓеÄÑùʽ±í£¬ÄÚÈݲ»ÐèÒ ......