当前位置 : 主页 > 网页制作 > css >

与CSS重置相反.我需要一个div元素的浏览器默认值

来源:互联网 收集:自由互联 发布时间:2021-06-13
就像css reset会删除所有浏览器样式默认值一样,是否有任何css脚本可以恢复所有浏览器默认值覆盖父css样式和类,就像iframe一样? 就像iframe使用浏览器默认值一样,如果没有使用源代码,如
就像css reset会删除所有浏览器样式默认值一样,是否有任何css脚本可以恢复所有浏览器默认值覆盖父css样式和类,就像iframe一样?

就像iframe使用浏览器默认值一样,如果没有使用源代码,如果我们将简单的html注入其中,我想将浏览器默认值强加给div.

<div class="container">
<div class="row">
    <div class="10u two-col">
        <div class="col1">
          <div class= ??????>   ------> This div should have browser defaults just like an iframe.
            <h1> Hello World </h1>
            <ul>
              <li>point one</li>
              <li>point two</li>
              <li>point three</li>
            </ul>               
          </div>
        </div>
    </div>
</div>
我不相信CSS重置类型样式表有相反的情况(更新:因为这个I created one here),但您可以包含规范或特定浏览器使用的默认样式.

See here for the default HTML4 stylesheet(HTML5见this)

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

要么:

> Firefox
> Internet Explorer
> Chrome / Webkit

nb:无法粘贴代码,超出字符限制

网友评论