>  기사  >  웹 프론트엔드  >  HTML 페이지 공개 스타일

HTML 페이지 공개 스타일

WBOY
WBOY원래의
2016-08-10 08:49:391510검색
<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>;
        }

 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:CSS 선택기다음 기사:CSS 선택기