CSS

CSS stands for Cascading Style Sheets

Cascading Style Sheets (CSS) is a markup language responsible for how your web pages will look like. It controls the colors, fonts, and layouts of your website elements. This style sheet language also allows you to add effects or animations to your website.

What is CSS?

• CSS stands for Cascading Style Sheets
• CSS describes how HTML elements are to be displayed on screen, paper, or in other media
• CSS saves a lot of work. It can control the layout of multiple web pages all at once
• External stylesheets are stored in CSS files

Why Use CSS?

CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.

Example of CSS:-

body {
background-color: lightblue;
}

h1 {
color: white;
text-align: center;
}

p {
font-family: verdana;
font-size: 20px;
}

CSS Syllabus:-

Module 1: CSS2-Introduction

• Benefits of CSS
• CSS Versions History
• CSS Syntax
• External Style Sheet using < link >
• Multiple Style Sheets
• Value Lengths and Percentages

Module 2: CSS2-Syntax

• CSS Syntax
• single Style Sheets
• Multiple Style Sheets
• Value Lengths and Percentages

Module 3: CSS2-Selectors

• ID Selectors
• Class Selectors
• Grouping Selectors
• Universal Selector
• Descendant / Child Selectors
• Attribute Selectors
• CSS – Pseudo Classes

Module 4: CSS2-Color Background Cursor

• background-image
• background-repeat
• background-position
• CSS Cursor

Module 5: CSS2-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

Module 6: CSS2-Lists Tables

• list-style-type
• list-style-position
• list-style-image
• list-style
• CSS Tables
  • border
  • width & height
  • text-align
  • vertical-align
  • padding
  • color

Module 7: CSS2-Box Model

• Borders & Outline
• Margin & Padding
• Height and width
• CSS Dimensions

Module 8: CSS2-Display Positioning

• CSS Visibility
• CSS Display
• CSS Scrollbars
• CSS Positioning
  • Static Positioning
  • Fixed Positioning
  • Relative Positioning
  • Absolute Positioning
• CSS Layers with Z-Index

CSS Floats

• The float Property
• The clear Property
• The clear fix Hack