CSS Full notes

Learning objectives:

 What a style sheet is and how it actually styles a web page
 The importance of CSS.
 How to create a style sheet and link an html document to the style sheet.
 The basic building blocks of any style sheet: rules, selectors, properties and values.
 How External Style Sheets are stored in CSS files
 Three ways of inserting a style sheet
 Different selectors using CSS
 Define background properties ,Background colour & images handling
 Font family, Style and Size using CSS
 Designing Tables using CSS

Structure

3.1 Introduction of CSS

      3.1.1 Definition

      3.1.2 Advantages

      3.1.3 Parts of CSS

3.2 CSS Syntax

      3.2.1 Rules / Principle of CSS

      3.2.2 Parts of style sheet

3.3 CSS Selectors

      3.3.1 The element selectors

      3.2.2 The ID selectors

      3.2.3 The Class selectors

      3.3.4 Universal Selector

      3.3.5 Attribute Selector

3.4 Ways to Insert CSS

      3.4.1 External style sheet

      3.4.2 Internal style sheet

      3.4.3 Inline style 

3.5 Background image handling

      3.5.1 Repeat the Background Image

      3.5.2 Set the background image position

3.6 Background colour management using CSS

      3.6.1 CSS color hex code

      3.6.2 CSS color -short hex code

      3.6.3 CSS color RGB value

3.7 Text management using CSS

      3.7.1 Set the text color

      3.7.2 Set the text direction

      3.7.3 Set the space between character

      3.7.4 Set the space between word

      3.7.5 Set the text indent

     3.7.6 Set the text alignment

      3.7.7 Decorating the text

      3.7.8 Set the text cases

3.8 Font management using CSS

      3.81. Set the font family

      3.8.2 Set the style

      3.8.3 Set the font variant

      3.8.4 Set the font weight

      3.8.5 Set the Font size

3.9 Managing Hyperlinks using CSS

      3.9.1 Set the color of Visited link

      3.9.2 Change the Color of Links when Mouse           is Over

      3.9.3 Change the color of active link

3.10 Managing Lists using CSS

      3.10.1 The list style type Property

      3.10.2 The list-style-position Property

3.11 Designing Tables using CSS

      3.11.1The empty cells Property

      3.11.2 The border-spacing Property

3.12 Working with the BOX Model

      3.12.1 The Height and Width Properties

      3.12.2 The line height property

      3.12.3 The max height property

      3.12.4 The max width property

3.13 Designing Borders using CSS

      3.13.1 The border color property

      3.13.2 The border-style Property

 3.14 Designing outline using CSS

      3.14.1 The outline width property

      3.14.2 The outline style

      3.14.3 The outline-color property

3.15 Setting Page Margin using CSS

      3.15.1 The Margin Property

      3.15.2 The Margin Bottom Property

      3.15.3 The Margin left Property

3.16 Let us sum up

3.17 Reference

3.18 Check Your Progress-possible answers