Results per page:

Match: any search words all search words

Page Menu


Where to place CSS Internal Style Sheet Code

  • Internal Style Sheets sometimes called In page Style sheets - In the head section of a web page.  
  • Best method for a page that needs its own styles different from the rest of the site.

CSS inline Syntax

HTML element { property: value; property: value; }


HTML element

Any HTML Element. In this Lesson we will use the body, p paragraph and some of the headings h1, h2 etc.


Curly Brackets { }

Only the curly brackets must be used.
Do not use ( ) or [ ]



There are 100s of different properties that style color (CSS uses the American spelling), sizes, fonts, text styles, borders, padding, margins, positioning etc.



Each property has a selection of values

Eg Color has 140 different color names such as red, green, blue, yellow, cyan, magenta, white, black, lightgray etc. With a total of over 16 million colours using the hex color system eg #000000 to #FFFFFF


The Look of an Element

ALL Elements look like a box. In the centre is the content, this can be surrounded by padding, then a border, then on the outside 4 margins which is space between elements

All these sections can be styled with CSS

See a diagram of the Box Model


Main Content H2 Header

Main Content. 

  • List
  • xxxx

H3 Sub heading

More Content

H4 Sub Heading