
本文共 6605 字,大约阅读时间需要 22 分钟。
���������Firefox���IE������������������!important���������������������������������������������������������������������������������������������������������������������:@import���������������������������������������������������voice-family���������,������������������CSS������������������������������������
������������IE���Firefox���CSS���������������
1.DOCTYPE������CSS������
2.Firefox:DIV������margin-left,margin-right���auto���������������,IE������
3.Firefox:body������text-align���,DIV������������margin:auto(���������margin-left,margin-right)������������
4.Firefox:������padding���,DIV���������height���width,���IE������,������������!important������������height���width
5.Firefox:������!important,IE���������,������!important���Firefox������������������������������������������������������xxxx!important������������������������������
6.DIV���������������������:vertical-align:middle;���������������������������DIV���������line-height:200px;������������������������������������������������������������������������������
7.cursor:pointer���������������IEFirefox���������������������������hand���IE������
8.Firefox:���������������������������������������display:block,������������float:left������������������������menubar,���a���menubar���������������������������������������������,���������height,���������menubar������������������������
9.���mozillafirefox���IE������BOX���������������������������������2px���������������DIV{margin:30px!important;margin:28px;}
���������������margin������������������������������������������������!important������������IE���������������������������������������������������������IE���������������������������DIV{maring:30px;margin:28px}���������������������������������������������������������������������margin:XXpx!important;10.IE5���IE6���BOX���������������
IE5���DIV{width:300px;margin:010px010px;}
DIV������������������������300px-10px(���������)-10px(���������)������DIV������������280px���������IE6������������������������������������300px+10px(���������)+10px(���������)=320px������������������������������������������������DIV{width:300px!important;width/**/:340px;margin:010px010px}������������/**/���������������������������������������IE5���firefox������������IE6���������������������������������������������������������������������������11.ul���������Mozilla���������������padding������,������IE���������margin���������������������ul{margin:0;padding:0;}������������������������������
������������������
1���float���DIV������������������
���������(������floatA���floatB������������������������
float:left;)<#DIVid=\���floatA\���> <#DIVid=\���floatB\���> <#DIVid=\���NOTfloatC\���>
���������NOTfloatC���������������������������������������������������
���������������IE������������������������������Firefox������������NOTfloatC������float������������������float������������������<#DIVclass=\���floatB\���> <#DIVclass=\���NOTfloatC\���> ������������<#DIVclass=\���clear\���>
������DIV���������������������������������������������������������������������������������������������float���������DIV������������������������������������������������������������������
���������clear���������������������������������������.clear{ clear:both;}
������������������������������������������������wrapper������������overflow:hidden;
���������float���box���������������������������������IE���������������������������������IE���layout������������(���������IE������)���zoom:1;���������������������������������������������������������wrapper���������������.colwrapper{ overflow:hidden; zoom:1; margin:5pxauto;}
2���margin������������������
������������float���DIV���IE������������margin������������������������IE6������������bug���
������������������������DIV������������display:inline;���������<#DIVid=\���imfloat\���> ���������CSS��� #IamFloat{ float:left; margin:5px;/*IE������������10px*/ display:inline;/*IE���������������5px*/}
3������������������������������
���������������������������������������������������������������������float���DIV���������������������������������������IE������������������������������������������DIV���������������������Photoshop������Firework���������������������������
4������������������������
���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������
5������������������-!important;
������������������������������������������������,���������������������.Firefox���������!important������������������������,������IE������������.������
.tabd1{ background:url(/res/images/up/tab1.gif)no-repeat0px0px!important;/*StyleforFirefox*/ background:url(/res/images/up/tab1.gif)no-repeat1px0px;/*StyleforIE*/}
���������������������������������xxxx!important���������������������������������������������������
IE7.0���������������CSS���������������������������������������������������������������������������������������������������������������IE7.0������������������������������������������������
���������������������������!important���hack���������IE6���firefox���������������������������������IE7���!important���������������������������������������������������������������������������������������������IE7���������hack���������������������*+html���������������IE7���������������������������������������
���������������CSS���������������
#example{color:#333;}/*Moz*/ *html#example{color:#666;}/*IE6*/ *+html#example{color:#999;}/*IE7*/
���������firefox������������������������#333���IE6������������������������#666���IE7������������������������#999������������������������������������������������������IE6���������������
���DIV+CSS���������������������������������������������
- <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
- <HTML>
- <HEAD>
- <TITLE>DIV������������</TITLE>
- <styletypestyletype="text/CSS">
- DIV
- {
- height:150px;
- }
- DIV.left
- {
- width:20%;
- float:left;
- clear:right;
- background-color:#eeeeee;
- }
- DIV.center
- {
- width:50%;
- float:left;
- clear:right;
- background-color:#CCCCCC;
- }
- DIV.right
- {
- width:30%;
- float:left;
- clear:right;
- background-color:#808080;
- }
- DIV.both
- {
- width:100%;
- clear:both;
- background-color:#696969;
- }
- </style>
- </HEAD>
- <BODY>
- <DIVclassDIVclass="left">������</DIV>
- <DIVclassDIVclass="center">������</DIV>
- <DIVclassDIVclass="right">������</DIV>
- <DIVclassDIVclass="both">������</DIV>
- <DIVclassDIVclass="left">������</DIV>
- <DIVclassDIVclass="center">������</DIV>
- <DIVclassDIVclass="right">������</DIV>
- </BODY>
- </HTML>
���������
���������������������
发表评论
最新留言
关于作者
