Styling Headings For CSS Stylesheets

You can style your heading in the content editor using the Format drop down box.

The standard format has a default appearance and font sizeas shown in the left image. However by adding the correct tags and corrisponding properties to the styles sheet you can change the default options for your headings

Style Sheet Heading Tags

h1{} = Heading 1
h2{} = Heading 2
h3{} = Heading 3
h4{} = Heading 4
h5{} = Heading 5
h6{} = Heading 6

The style properties that we add to these will be between the {}.

Basic Heading Properties

Property	Description
color	Sets the color of text
text-align	left, right or center the heading on the page
text-indent	Specifies the indentation of the first line in a text-block
text-transform	Controls the capitalization of text
font-size	sets the size of the font
font-weight	bold, normal
font-style	italic, normal

Examples and Codes

Here is a small collection of examples to illustrate howe the h1 tag can create differrant varaiations of your Page headings, simply by using the properties from abouve.

Please feel free to copy the code and adjust to your liking past it into your style sheet. Please not that once you have created a h1 tag in your styleshet it wil over ride all heading settings for the entire web site