CSS
=====
—–
* Course Id : WEBD-CSSP
* Duration : 24 Hours
Overview
—–
* CSS allows you to add color and background images and change the layout of pages
* Using CSS, you can make your web pages artistic and stylized
* CSS helps you organize your website into the correct file structure
* It also lets you edit text and colors and create attractive layouts
* Participants learn to customize the appearance of web pages to suit custom requirements
Pre-Requisites
——–
* Fundamentals of HTML
* Awareness of css concepts
Training Objectives
———
All participants will learn:
* How to style elements on the webpage using various CSS rules
* How to position HTML elements on the web page using the Box Model
* Working with CSS typography – how to include fonts from other sources and how to style your text
Course Structure
—–
* We provide more focus on hands-on in our technical courses (typically 80% hands-on/20% theory)
* Students get the capability to apply the material they learn to real-world problems
Materials Provided
—–
* PDF of slides and hands-on exercises
* Access to instance with lab environment
Software Requirements
—–
Any of the following
* Any current internet browser
* vnc client
* rdp client
Hardware Requirements
—–
* Processor: 1.2 GHz
* RAM: 512 MB
* Disk space: 1 GB
* Network Connection with low latency (<250ms) to Internet
## Daywise Course Outline
—–
## Day 1
—–
* Unit 1 : Introduction to CSS
* Unit 2 : CSS Syntax
* Unit 3 : CSS Selectors
## Day 2
—–
* Unit 4 : Color Background Cursor
* Unit 5 : Text Fonts
* Unit 6 : Lists
## Day 3
—–
* Unit 7 : CSS Tables
* Unit 8 : Box Model
* Unit 9 : Display Positioning
* Unit 10 : CSS Floats
## Detailed Course Outline
—–
Unit 1 : Introduction to CSS
—–
* Benefits of CSS
* CSS Versions History
* CSS Syntax
* External Style Sheets
* Multiple Style Sheets
* Value Lengths and Percentages
Unit 2 : CSS Syntax
—–
* CSS Syntax
* single Style Sheets
* Multiple Style Sheets
* Value Lengths and Percentages
Unit 3 : CSS Selectors
—–
* ID Selectors
* Class Selectors
* Grouping Selectors
* Universal Selector
* Descendant / Child Selectors
* Attribute Selectors
* CSS –Pseudo Classes
Unit 4 : Color Background Cursor
—–
* background-image
* background-repeat
* background-position
* CSS Cursor
Unit 5 : Text Fonts
—–
* color
* background-color
* text-decoration
* text-align
* vertical-align
* text-indent
* text-transform
* white-space
* letter-spacing
* word-spacing
* line-height
* font-family
* font-size
* font-style
* font-variant
* font-weight
Unit 6 : Lists
—–
* list-style-position
* list-style-image
* list-style
Unit 7 : CSS Tables
—–
* border
* width & height
* text-align
* vertical-align
* padding
* color
Unit 8 : Box Model
—–
* Borders & Outline
* Margin & Padding
* Height and width
* CSS Dimensions
Unit 9 : Display Positioning
—–
* CSS Visibility
* CSS Display
* CSS Scrollbars
* CSS Positioning
* Static Positioning
* Fixed Positioning
* Relative Positioning
* Absolute Positioning
* CSS Layers with Z-Index
Unit 10 : CSS Floats
—–
* The float Property
* The clear Property
* The clearfix Hack