Accessibility
Adrian Senior

Adrian Senior

www.webade.co.uk
www.communitymx.com
www.ukcsstraining.co.uk

Table of Contents

  1. Introduction
  2. Using Type selectors to target page elements
  3. Relevance of the Type selector
  4. Border syntax
  5. Margin and padding syntax
Created:
15 January 2007
User Level:
Beginner
Products:
Dreamweaver

CSS design basics with Dreamweaver – Part 2: Styling (X)HTML elements

In this article you will learn about setting CSS rules style existing (X)HTML elements—that is, elements that exist within your (X)HTML document such as body, h1, p, or blockqoute tags. You will learn how it is possible to style existing elements in your page without the need for additional markup at the page level.

You will then progress to learn about longhand and shorthand syntax. Shorthand syntax can provide a smaller and faster loading style sheet, thereby keeping your page weight down to an absolute minimum.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver 8

Sample files:

Prerequisite Knowledge

Page 1 of 5
Next Page

About the author

Adrian Senior owns the UK-based web design agency Webade, which has been in business since 1998. He is also a member of Team Macromedia and a partner at Community MX. The year 2004 saw Adrian's first trip to America, where he visited Orlando and delivered two sessions at the TODCon conference.

Adrian also provides training courses for companies who need to train their designers how to build compliant, accessible web sites using CSS and xhtml.

He's been married to his wife, Janette, for 24 years and has two children, Antony and Eleanor.