2017dota2后期三大核:浏览器默认CSS样式表

浏览器默认CSS样式表

在写xHTML+CSS的页面的CSS样式表时，需要进行标签重置，原因在于浏览器都拥有一套自己的默认CSS样式表，不重置的话，会降低页面浏览器的兼容性，导致页面在不同的浏览器内显示的效果不同。

【问】那浏览器为什么还要存在一套默认的CSS样式表？不存在的话多好，也不用重置，还会增强页面的兼容性，为什么不这么做？

【答】每个浏览器之所以要存在一套自己的默认CSS样式表，目的在于保证没有样式表的页面能够正常显示。浏览器在加载一个页面的时候会判断这个页面是不是存在对应的CSS样式表，如果没有，就加载浏览器默认的CSS样式表，以保证页面信息能够被正常读取。

下面列出了IE6、IE7、IE8、IE9的默认CSS样式表对比，看看这四种浏览器究竟定义了那些标签，又有哪些不同？另外列出了常用浏览器各种版本的CSS样式表，供大家下载下来研究。

标签IE6IE7IE8IE9acolor: #00F;text-decoration: underline;color: #06C;text-decoration: underline;a:visitedcolor: #800080;addressdisplay: block;font-style: italic;bfont-weight: bold;bdodirection: rtl;unicode-bidi: bidi-override;blockquotedisplay: block;margin: 14pt 30pt;display: block;margin: 1em 40px;bodydisplay: block;margin: 15px 10px;zoom: 1;display: block;margin: 8px;zoom: 1;buttonbackground-color: #D4D0C8;border-style: outset;border-width: 2px;font-family: sans-serif;font-size: 10pt;overflow: hidden;text-align: center;zoom: 1;background-color: #F0F0F0;border-width: 2px;font-family: sans-serif;font-size: 10pt;overflow: hidden;text-align: center;zoom: 1;background-color: #F0F0F0;border-width: 3px;box-sizing: border-box;font-family: sans-serif;font-size: 10pt;overflow: hidden;padding: 1px 8px;text-align: center;zoom: 1;captiondisplay: block;padding: 1px 3px 5px;text-align: center;zoom: 1;display: block;padding: 1px 300zzz 500zzz;text-align: center;zoom: 1;display: table-caption;text-align: center;zoom: 1;citefont-style: italic;codefont-family: monospace;font-size: 10pt;colborder-color: #D4D0C8;display: block;border-color: #F0F0F0;display: block;box-sizing: border-box;display: table-column;colgroupborder-color: #D4D0C8;display: block;border-color: #F0F0F0;display: block;box-sizing: border-box;display: table-column-group;dddisplay: block;margin: 0 0 0 30pt;display: block;margin: 0 0 0 40px;[dir=rtl] ddmargin: 0 30pt 0 0;margin: 0 40px 0 0;deltext-decoration: line-through;dfnfont-style: italic;divdisplay: block;dldisplay: block;margin: 14pt 0;display: block;margin: 1em 0;dtdisplay: block;emfont-style: italic;embedzoom: 1;fieldsetborder-style: groove;border-width: 2px;display: block;zoom: 1;border-style: groove;border-width: 2px;display: block;padding: 0 2px 3px;zoom: 1;border-style: groove;border-width: 2px;display: block;margin: 0 2px;padding: 0 2px 3px;zoom: 1;formdisplay: block;margin: 14pt 0;display: block;h1display: block;font-size: 24pt;font-weight: bold;margin: 14pt 0;display: block;font-size: 2em;font-weight: bold;margin: 0.67em 0;page-break-after: avoid;h2display: block;font-size: 18pt;font-weight: bold;margin: 14pt 0;display: block;font-size: 1.5em;font-weight: bold;margin: 0.83em 0;page-break-after: avoid;h3display: block;font-size: 13.55pt;font-weight: bold;margin: 14pt 0;display: block;font-size: 1.17em;font-weight: bold;margin: 1em 0;page-break-after: avoid;h4display: block;font-weight: bold;margin: 14pt 0;display: block;font-size: 1em;font-weight: bold;margin: 1.33em 0;page-break-after: avoid;h5display: block;font-size: 10pt;font-weight: bold;margin: 14pt 0;display: block;font-size: 0.83em;font-weight: bold;margin: 1.67em 0;page-break-after: avoid;h6display: block;font-size: 7.55pt;font-weight: bold;margin: 14pt 0;display: block;font-size: 0.67em;font-weight: bold;margin: 2.33em 0;page-break-after: avoid;headdisplay: none;hrtext-align: center;zoom: 1;outline: 0 none;text-align: center;zoom: 1;border-style: inset;border-width: 1px;display: block;margin-bottom: 0.5em;margin-top: 0.5em;overflow: hidden;text-align: center;zoom: 1;htmloverflow-x: auto;overflow-y: scroll;zoom: 1;display: block;zoom: 1;ifont-style: italic;iframebackground-color: #FFF;height: 150px;width: 300px;zoom: 1;imgzoom: 1;inputbackground-color: #FFF;border-style: inset;border-width: 2px;font-family: sans-serif;font-size: 10pt;overflow: hidden;padding: 1px;zoom: 1;background-color: #FFF;border-width: 2px;font-family: sans-serif;font-size: 10pt;overflow: hidden;padding: 1px;zoom: 1;instext-decoration: underline;kbdfont-family: monospace;font-size: 10pt;legendzoom: 1;padding: 0 2px;zoom: 1;lidisplay: block;display: list-item;menudisplay: block;list-style-image: none;list-style-position: outside;list-style-type: disc;margin: 14pt 0 14pt 30pt;display: block;list-style-image: none;list-style-position: outside;list-style-type: disc;margin: 1em 0;padding: 0 0 0 30pt;[dir=rtl] menumargin: 14pt 30pt 14pt 0;padding: 0 30pt 0 0;objectzoom: 1;oldisplay: block;list-style-image: none;list-style-position: outside;list-style-type: decimal;margin: 14pt 0 14pt 30pt;display: block;list-style-image: none;list-style-position: outside;list-style-type: decimal;margin: 1em 0;padding: 0 0 0 30pt;[dir=rtl] olmargin: 14pt 30pt 14pt 0;padding: 0 30pt 0 0;optgroupfont-family: sans-serif;font-size: 10pt;font-style: italic;font-weight: bold;optionfont-family: sans-serif;font-size: 10pt;font-style: italic;font-weight: bold;pdisplay: block;display: block;margin: 1em 0;predisplay: block;font-family: monospace;font-size: 10pt;white-space: pre;display: block;font-family: monospace;font-size: 10pt;margin: 1em 0;white-space: pre;rpfont-size: 6pt;rtfont-size: 6pt;display: ruby-text;font-size: 6pt;rubydisplay: ruby;sampfont-family: monospace;font-size: 10pt;scriptdisplay: none;zoom: 1;selectborder-color: #FFF;border-style: inset;border-width: 2px;font-family: sans-serif;font-size: 10pt;zoom: 1;background-color: #FFF;border-color: #FFF;border-width: 2px;font-family: sans-serif;font-size: 10pt;overflow: hidden;zoom: 1;background-color: #FFF;border-width: 1px;box-sizing: border-box;font-family: sans-serif;font-size: 10pt;overflow: hidden;zoom: 1;smallfont-size: 10pt;font-size: 0.83em;strongfont-weight: bold;styledisplay: none;zoom: 1;subfont-size: 10pt;font-size: 0.83em;supfont-size: 10pt;font-size: 0.83em;tableborder-color: #D4D0C8;display: block;zoom: 1;border-color: #F0F0F0;display: block;zoom: 1;border-color: #F0F0F0;border-spacing: 2px 2px;box-sizing: border-box;display: table;zoom: 1;tbodyborder-color: #D4D0C8;display: block;border-color: #F0F0F0;display: block;box-sizing: border-box;display: table-row-group;vertical-align: middle;tdborder-color: #D4D0C8;display: block;padding: 1px;zoom: 1;border-color: #F0F0F0;display: block;padding: 1px;zoom: 1;display: table-cell;padding: 1px;vertical-align: middle;zoom: 1;textareabackground-color: #FFF;border-style: inset;border-width: 2px;font-family: monospace;font-size: 10pt;overflow-x: hidden;overflow-y: scroll;padding: 1px;white-space: pre;zoom: 1;background-color: #FFF;border-width: 2px;font-family: monospace;font-size: 10pt;overflow-x: hidden;overflow-y: scroll;padding: 2px;white-space: pre;zoom: 1;background-color: #FFF;border-width: 1px;font-family: monospace;font-size: 10pt;overflow-x: hidden;overflow-y: scroll;padding: 2px;white-space: pre-wrap;zoom: 1;tfootborder-color: #D4D0C8;display: block;border-color: #F0F0F0;display: block;box-sizing: border-box;display: table-footer-group;vertical-align: middle;thborder-color: #D4D0C8;display: block;font-weight: bold;padding: 1px;text-align: center;zoom: 1;border-color: #F0F0F0;display: block;font-weight: bold;padding: 1px;text-align: center;zoom: 1;display: table-cell;font-weight: bold;padding: 1px;text-align: center;vertical-align: middle;zoom: 1;theadborder-color: #D4D0C8;display: block;border-color: #F0F0F0;display: block;box-sizing: border-box;display: table-header-group;vertical-align: middle;trborder-color: #D4D0C8;display: block;zoom: 1;border-color: #F0F0F0;display: block;zoom: 1;box-sizing: border-box;display: table-row;vertical-align: middle;zoom: 1;uldisplay: block;list-style-image: none;list-style-position: outside;list-style-type: disc;margin: 14pt 0 14pt 30pt;display: block;list-style-image: none;list-style-position: outside;list-style-type: disc;margin: 1em 0;padding: 0 0 0 30pt;[dir=rtl] ulmargin: 14pt 30pt 14pt 0;padding: 0 30pt 0 0;varfont-style: italic;