style sheet


embedding style sheet

Embedded Style Sheets refer to when you embed style sheet information into an HTML document using the <style> element. You do this by embedding the style sheet information within <style></style> tags in the head of your document.



The CSS syntax for embedded style sheets is exactly the same as other CSS code.

For example, to use the following code, simply place it between the <head></head> tags of your HTML document


Using inline style

Inline Styles

I have not mentioned them until now because in a way they defeat the purpose of using CSS in the first place. Inline styles are defined right in the (X)HTML file along side the element you want to style. See example below.

<p style=”color: #ff0000;”>Some red text</p>

Some red text

Inline styles will NOT allow the user to change styles of elements or text

formatted this way


style sheet properties

The properties have been split up into the following groups:

  • Font Properties
  • Color and Background Properties
  • Text Properties
  • Box Properties
  • Classification Properties
  • Positioning Properties
  • Printing Properties
  • Pseudo Classes and Other Properties





A password will be e-mailed to you.

Feedback Form

[contact-form-7 id="98" title="Feedback Form"]