Heim >Web-Frontend >HTML-Tutorial >Öffentlicher Stil der HTML-Seite

Öffentlicher Stil der HTML-Seite

WBOY
WBOYOriginal
2016-08-10 08:49:391557Durchsuche
<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>;
        }

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:CSS-SelektorNächster Artikel:CSS-Selektor