Sideway
output.to from Sideway
Draft for Information Only

Content

CSS Head Style Examples
 Head Style Examples

CSS Head Style Examples

Head Style Examples

  1. Head Style Example 1
    CSS Code Input:
    <!--font:font-style font-variant font-weight font-size/line-height font-family-->
    <div style="font:normal normal normal medium/normal sans-serif;text-decoration:none">
    <h1 style="font:inherit;font-style:inherit;font-weight:bolder;font-size:2em;margin:0.67em 0;text-decoration:inherit;display:block;unicode-bidi:embed">H1</h1>
    <p style="font:inherit;text-decoration:inherit;margin:1.12em 0;display:block;unicode-bidi:embed">
    This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
    <p style="font:inherit;text-decoration:inherit;margin:1.12em 0;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h2 style="font:inherit;font-style:inherit;font-weight:bolder;font-size:1.5em;margin:0.75em 0;text-decoration:inherit;display:block;unicode-bidi:embed">H2</h2>
    <p style="font:inherit;text-decoration:inherit;margin:1.12em 0;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h3 style="font:inherit;font-style:inherit;font-weight:bolder;font-size:1.17em;margin:0.83em 0;text-decoration:inherit;display:block;unicode-bidi:embed">H3</h3>
    <p style="font:inherit;text-decoration:inherit;margin:1.12em 0;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h4 style="font:inherit;font-style:inherit;font-weight:bolder;font-size:1em;margin:1.12em 0;text-decoration:inherit;display:block;unicode-bidi:embed">H4</h4>
    <p style="font:inherit;text-decoration:inherit;margin:1.12em 0;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h5 style="font:inherit;font-style:inherit;font-weight:bolder;font-size:0.83em;margin:1.5em 0;text-decoration:inherit;display:block;unicode-bidi:embed">H5</h5>
    <p style="font:inherit;text-decoration:inherit;margin:1.12em 0;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h6 style="font:inherit;font-style:inherit;font-weight:bolder;font-size:0.75em;margin:1.67em 0;text-decoration:inherit;display:block;unicode-bidi:embed;">H6</h6>
    <p style="font:inherit;text-decoration:inherit;margin:1.12em 0;display:block;unicode-bidi:embed">This is a paragraph.</p>
    </div>
    HTML Web Page In-line Output:

    H1

    This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.

    This is a paragraph.

    H2

    This is a paragraph.

    H3

    This is a paragraph.

    H4

    This is a paragraph.

    H5

    This is a paragraph.

    H6

    This is a paragraph.

  2. Head Style Example 2
    CSS Code Input:
    <!--font:font-style font-variant font-weight font-size/line-height font-family-->
    <div style="font:normal normal normal 16px/1.1 sans-serif;text-decoration:none">
    <h1 style="font:inherit;font-style:inherit;font-weight:bold;font-size:170%;margin:0.6em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H1</h1>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">
    This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h2 style="font:inherit;font-style:italic;font-weight:bold;font-size:150%;margin:0.65em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H2</h2>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h3 style="font:inherit;font-style:inherit;font-weight:bold;font-size:130%;margin:0.7em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H3</h3>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h4 style="font:inherit;font-style:italic;font-weight:bold;font-size:110%;margin:0.75em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed">H4</h4>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h5 style="font:inherit;font-style:inherit;font-weight:bold;font-size:100%;margin:0.8em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed">H5</h5>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h6 style="font:inherit;font-style:italic;font-weight:bold;font-size:90%;margin:0.85em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed;">H6</h6>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    </div>
    HTML Web Page In-line Output:

    H1

    This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.

    This is a paragraph.

    H2

    This is a paragraph.

    H3

    This is a paragraph.

    H4

    This is a paragraph.

    H5

    This is a paragraph.

    H6

    This is a paragraph.

  3. Head Style Example 3
    CSS Code Input:
    <!--font:font-style font-variant font-weight font-size/line-height font-family-->
    <div style="font:normal normal normal 16px/1.1em sans-serif;text-decoration:none">
    <h1 style="font:inherit;font-style:inherit;font-weight:bold;font-size:170%;margin:0.6em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H1</h1>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">
    This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h2 style="font:inherit;font-style:italic;font-weight:bold;font-size:150%;margin:0.65em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H2</h2>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h3 style="font:inherit;font-style:inherit;font-weight:bold;font-size:130%;margin:0.7em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H3</h3>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h4 style="font:inherit;font-style:italic;font-weight:bold;font-size:110%;margin:0.75em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed">H4</h4>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h5 style="font:inherit;font-style:inherit;font-weight:bold;font-size:100%;margin:0.8em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed">H5</h5>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h6 style="font:inherit;font-style:italic;font-weight:bold;font-size:90%;margin:0.85em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed;">H6</h6>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    </div>
    HTML Web Page In-line Output:

    H1

    This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.

    This is a paragraph.

    H2

    This is a paragraph.

    H3

    This is a paragraph.

    H4

    This is a paragraph.

    H5

    This is a paragraph.

    H6

    This is a paragraph.

  4. Head Style Example 4
    CSS Code Input:
    <!--font:font-style font-variant font-weight font-size/line-height font-family-->
    <div style="font:normal normal normal 16px/110% sans-serif;text-decoration:none">
    <h1 style="font:inherit;font-style:inherit;font-weight:bold;font-size:170%;margin:0.6em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H1</h1>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">
    This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h2 style="font:inherit;font-style:italic;font-weight:bold;font-size:150%;margin:0.65em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H2</h2>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h3 style="font:inherit;font-style:inherit;font-weight:bold;font-size:130%;margin:0.7em 0 0.4em;text-decoration:inherit;display:block;unicode-bidi:embed">H3</h3>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h4 style="font:inherit;font-style:italic;font-weight:bold;font-size:110%;margin:0.75em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed">H4</h4>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h5 style="font:inherit;font-style:inherit;font-weight:bold;font-size:100%;margin:0.8em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed">H5</h5>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    <h6 style="font:inherit;font-style:italic;font-weight:bold;font-size:90%;margin:0.85em 0 0.4em;text-decoration:underline;display:block;unicode-bidi:embed;">H6</h6>
    <p style="font:inherit;text-decoration:inherit;margin:0.6em 0 0.3em;display:block;unicode-bidi:embed">This is a paragraph.</p>
    </div>
    HTML Web Page In-line Output:

    H1

    This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.

    This is a paragraph.

    H2

    This is a paragraph.

    H3

    This is a paragraph.

    H4

    This is a paragraph.

    H5

    This is a paragraph.

    H6

    This is a paragraph.


©sideway

ID: 160700037 Last Updated: 29/7/2016 Revision: 0 Ref:

close

References

  1. http://www.w3.org/TR/1999/REC-html401-1999, 1999
close

Latest Updated LinksValid XHTML 1.0 Transitional Valid CSS!Nu Html Checker Firefox53 Chromena IExplorerna
IMAGE

Home 5

Business

Management

HBR 3

Information

Recreation

Hobbies 7

Culture

Chinese 1097

English 337

Reference 67

Computer

Hardware 149

Software

Application 187

Digitization 24

Numeric 19

Programming

Web 761

CSS 1

ASP.NET 1

Regular Expression 1

HTML

Knowledge Base

Common Color 1

Html Entity (Unicode) 1

Html 401 Special 1

OS 389

MS Windows

Windows10 1

.NET Framework 1

DeskTop 7

Knowledge

Mathematics

Formulas 8

Algebra 20

Number Theory 206

Trigonometry 18

Geometry 18

Calculus 67

Complex Analysis 21

Engineering

Tables 8

Mechanical

Mechanics 1

Rigid Bodies

Statics 92

Dynamics 37

Fluid 5

Fluid Kinematics 5

Control

Process Control 1

Acoustics 19

FiniteElement 2

Physics

Electric 11

Biology 1

Geography 1


Copyright © 2000-2019 Sideway . All rights reserved Disclaimers last modified on 06 September 2019