CSS3

This course will help both students who want to make their websites or personal blogs more attractive and professional. You will learn to use CSS to format forms, create list-based navigation, do advanced page layouts, and create stunning background effects. Students will also learn about CSS coding conventions and shorthand properties.

Each student in our Live Online classes receives a comprehensive set of materials, including course notes and all the class examples.
  • Batch size up to 1 to 3.
  • Access to the trainer any time for any questions and follow-ups.
  • Online in-person training.
  • Every session is followed by practical assignments.
  • Numerous assignments carefully designed on every topic by our professional trainers.
  • Guidance from experienced and professional people in software industry.
  • Assignments evaluation, feedbacks and encouragements to develop in better way.
  • Focus on hands-on training by students during sessions.

Prerequisites


You should have a basic working knowledge with Windows or Linux operating system, additionally you must be familiar any text editor like notepad, notepad++, or Edit plus etc. Also you must be able to Develop simple Web Pages using HTML.


Syllabus


Duration: Min 20 hours of classroom training.
Min 25 assignments.

Introduction
  • What is CSS?
  • Anatomy & Syntax of CSS
  • How CSS works
  • Linking CSS to HTML
Selectors
  • The Element selector
  • The Class selector
  • The ID selector
  • Grouping selectors
Advanced Selectors
  • The Descendant selector
  • The Child selector
  • The Sibling Selector
  • The Adjacent Sibling Selector
The CSS Box Model
  • Inline vs. Block level
  • Margin
  • Borders
  • Padding
  • Outlining
  • Visibility & Display
Dimensions
  • width and height
  • Minimum and maximum width/height
  • Handling overflow
Positioning
  • Relative positioning
  • Absolute positioning
  • Fixed positioning
  • Floating elements
Text & Fonts
  • Font-family - the basics
  • Font weight
  • Font style
  • Font size
  • Advanced typography
  • Text shadow
Text
  • Text Decoration
  • Text Indent
  • Text Alignment
Colors & Backgrounds
  • Text & Background colors
  • How colors work
  • Background images
  • The background-repeat property
  • The background-position property
Transitions & Transform
  • Transitions & transform - basics