美文网首页
HTML标签默认样式

HTML标签默认样式

作者: 魅阳 | 来源:发表于2016-12-12 16:43 被阅读0次

    Chrome 55

    html

    font-size: 16px;
    

    body

    margin: 8px;
    

    div

    ul

    list-style-type: disc;
    margin: 1em 0; /* html默认字体大小是16px,所以1em = 16px; */
    padding-left: 40px;
    

    ol

    list-style-type: decimal;
    margin: 1em 0;
    padding-left: 40px;
    

    dl

    margin: 1em 0;
    

    li

    dt

    dd

    margin-left: 40px;
    

    h1

    font-size: 2em; /* 32px ,默认字体大小是16px,下同 */
    margin: 0.67em 0; /* 21.44px */
    

    h2

    font-size: 1.5em; /* 24px */
    margin: 0.83em 0; /* 19.92px */
    

    h3

    font-size: 1.17em; /* 18.72px */
    margin: 1em 0; /* 18.72px */
    

    h4

    margin: 1.33em 0; /* 21.28px */
    

    h5

    font-size: 0.83em; /* 13.28px */
    margin: 1.67em 0; /* 22.187px */
    

    h6

    font-size: 0.67em; /* 10.72px */
    margin: 2.33em 0; /* 27.96px */
    

    p

    margin: 1em 0;
    

    a

    color: -webkit-link; /* rgb(0, 0, 238) / #00e */
    text-decoration: underline;
    cursor: auto;
    

    span

    strong, b

     font-weight: bold;
    

    em, i

     font-style: italic;
    

    form

    input

    border: 2px inset initial;
    padding: 1px 0;
    font: 13.3333px Arial;
    

    label

    select

    box-sizing: border-box;
    white-space: pre;
    font: 13.3333px Arial;
    color: #000;
    border: 1px solid rgb(169, 169, 169); /* #a9a9a9 */
    

    textarea

    padding: 2px;
    word-wrap: break-word;
    border: 1px solid;
    

    button

    padding: 1px 6px;
    border: 2px outset buttonface; /* rgb(192,192,192) / #c0c0c0 */
    min-height: 1.2em;
    white-space: pre;
    

    table

    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey; /* rgb(128, 128, 128) / #808080 */
    

    thead

    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    

    tbody

    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
    

    tr

    display: table-row;
    

    th

    display: table-cell;
    font-weight: bold;
    text-align: -internal-center;
    /* padding: 1px; */
    

    td

    display: table-cell;
    /* padding: 1px; */
    

    相关文章

      网友评论

          本文标题:HTML标签默认样式

          本文链接:https://www.haomeiwen.com/subject/dademttx.html