HTML 페이지 공개 스타일

<span style="color: #800000;">        body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select </span>{<span style="color: #ff0000;">
            margin</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
            padding</span>:<span style="color: #0000ff;"> 0</span>;
        }<span style="color: #800000;">

        * </span>{<span style="color: #ff0000;">
            box-sizing</span>:<span style="color: #0000ff;"> border-box</span>;
        }<span style="color: #800000;">
        table</span>{<span style="color: #ff0000;">
            border-collapse</span>:<span style="color: #0000ff;">collapse</span>;
        }<span style="color: #800000;">
        body </span>{<span style="color: #ff0000;">
            font-family</span>:<span style="color: #0000ff;"> "Microsoft YaHei"</span>;
        }<span style="color: #800000;">

        ul, li </span>{<span style="color: #ff0000;">
            list-style</span>:<span style="color: #0000ff;"> none</span>;
        }<span style="color: #800000;">

        a </span>{<span style="color: #ff0000;">
            text-decoration</span>:<span style="color: #0000ff;"> none</span>;<span style="color: #ff0000;">
            color</span>:<span style="color: #0000ff;"> #232323</span>;
        }<span style="color: #800000;">

        input, textarea </span>{<span style="color: #ff0000;">
            outline</span>:<span style="color: #0000ff;"> none</span>;<span style="color: #ff0000;">
            box-shadow</span>:<span style="color: #0000ff;"> none</span>;
        }<span style="color: #800000;">

        textarea </span>{<span style="color: #ff0000;">
            resize</span>:<span style="color: #0000ff;"> none</span>;<span style="color: #ff0000;">
            overflow</span>:<span style="color: #0000ff;"> auto</span>;
        }<span style="color: #800000;">

        .clearfix </span>{<span style="color: #ff0000;">
            zoom</span>:<span style="color: #0000ff;"> 1</span>;
        }<span style="color: #800000;">

        .clearfix:after </span>{<span style="color: #ff0000;">
            content</span>:<span style="color: #0000ff;"> "."</span>;<span style="color: #ff0000;">
            width</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
            height</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;">
            visibility</span>:<span style="color: #0000ff;"> hidden</span>;<span style="color: #ff0000;">
            display</span>:<span style="color: #0000ff;"> block</span>;<span style="color: #ff0000;">
            clear</span>:<span style="color: #0000ff;"> both</span>;
        }<span style="color: #800000;">

        .fl </span>{<span style="color: #ff0000;">
            float</span>:<span style="color: #0000ff;"> left
        </span>}<span style="color: #800000;">

        .fr </span>{<span style="color: #ff0000;">
            float</span>:<span style="color: #0000ff;"> right
        </span>}<span style="color: #800000;">

        .tl </span>{<span style="color: #ff0000;">
            text-align</span>:<span style="color: #0000ff;"> left</span>;
        }<span style="color: #800000;">

        .tc </span>{<span style="color: #ff0000;">
            text-align</span>:<span style="color: #0000ff;"> center
        </span>}<span style="color: #800000;">

        .tr </span>{<span style="color: #ff0000;">
            text-align</span>:<span style="color: #0000ff;"> right</span>;
        }<span style="color: #800000;">

        .ellipse </span>{<span style="color: #ff0000;">
            overflow</span>:<span style="color: #0000ff;"> hidden</span>;<span style="color: #ff0000;">
            text-overflow</span>:<span style="color: #0000ff;"> ellipsis</span>;<span style="color: #ff0000;">
            white-space</span>:<span style="color: #0000ff;"> nowrap</span>;
        }