- CSS Intro
- Booking
CSS Introduction
(1 days - £295, plus VAT)
Prerequisites
Computer literacy: the ability to use a mouse and keyboard; familiarity with common computer software; the ability to open and save files.
Course Goals
To show delegates new to web development how Cascading Style Sheets (CSS) can be used to control the appearance and position of elements on a web page.
Course Outline
Understanding CSS
What Is a Style?
What Are Cascading Style Sheets?
Versions of CSS
Types of CSS Rules
CSS and Markup Languages
Setting Your DTD
Kinds of HTML and XHTML Tags
CSS Basics
Adding Styles to an HTML Tag
Adding Styles to a Web Page
Adding Styles to a Web Site
(re)Defining an HTML Tag
Defining Classes to Create Your Own Tags
Defining IDs to Identify an Object
Defining Styles with the Same Rules
Defining Styles in Context
Defining Link Styles with Pseudo-classes
Setting Styles for Print
Adding Comments to CSS
Style Sheet Strategies
Font Controls
Understanding Typography on the Web
Setting the Font
Setting the Font Size
Making Text Italic
Setting Bold, Bolder, Boldest
Creating Small Caps
Setting Multiple Font Values
Text Controls
Adjusting Text Spacing
Setting Text Case
Aligning Text Horizontally
Aligning Text Vertically
Indenting Paragraphs
Setting Text and Foreground Color
Element Controls
Understanding the Element's Box
Changing How an Element is Displayed
Setting the Width and Height of an Element
Setting an Element's Margins
Setting an Element's Border
Setting an Element's Padding
Setting the Background
Element Positioning Controls
Understanding the Window and Document
Setting the Positioning Type
Setting an Element's Position
Stacking Objects (3-D Positioning)
Floating Elements in the Window
Clearing Floating
Controlling White Space
Element Visibility Controls
Setting the Visibility of an Element
Setting the Visible Area of an Element (Clipping)
Setting Where the Overflow Content Goes
Setting an Element's Opacity
List, Table, and Interface Controls
Setting Up a List
Setting the Bullet Style
Creating Your Own Bullets
Creating a Hanging Indent
Collapsing Borders Between Table Cells
Setting the Position of a Table Caption
Changing the Mouse Pointer's Appearance
Changing the Scrollbar's Appearance (IE Windows Only)
Back to top
Book a CSS Course