CSS

CHAPTER 1:  Output: 

1. CSS Introduction
2. Syntax
3. Property:value

CSS

1. Cascading Style Sheet.
2. How HTML elements to be displayed on the screen.
3. Modifying the site design to look how we want.

We write CSS styles using property name followed by the value of that property.
Eg:
Property                 value
Background-color :  #FFFFFF
Font-size               :   18

We write the css in <style > tag of HTML.

There are three types of style sheets. They are

1. Inline
2. Internal
3. External

CHAPTER 2:  Output: Use below 3 css styles  to design a sample form with header tags and table with cells apply simple css that you know(like border, color,..) using inline css

1. Inline
2. Syntax

CHAPTER 3:  Output: Use below 3 css styles  to design a sample form with header tags and table with cells apply simple css that you know(like border, color,..) using Internal css

1. Internal
2. Syntax

CHAPTER 4:  Output: Use below 3 css styles  to design a sample form with header tags and table with cells apply simple css that you know(like border, color,..) using External css

1. External
2. Syntax

CHAPTER 5:  Output: Design sample form and use the below  selectors to apply the styles

Selectors:

1. Element Selectors: Apply this to a div and input element
2. ID: apply this to button element
3. Class: apply this to table cells. Apply same class to multiple elements. And apply multiple class to one element.
4. Attribute: Apply this to <a> tag
5. Pseudo class: 

CHAPTER 6:  Output: Design sample form and use the Pseudo class selector to apply the styles.

Pseudo class

1. Use of  Pseudo class selector
2. Apply on mouse over for button and div
3. Apply for text box focus 
4. Apply for link visited 

CHAPTER 7:  Output: Simple Html page with background styles with head, body   and table    and divs

Background

1. Background-color: Apply different background colors form head, body,  and table
2. Background-image: Apply background image for the background of the page
3. Background-repeat: use small image and repeat it as full background of the page
4. Background-repeat-x-axis: Repeat the background image in x-axis direction
5. Background-repeat-y-axis: Repeat the background image in y-axis direction

CHAPTER 8:  Output: Use Different colors in you web page for header tags

Color

1. Background color:
2. TextColor:
3. DIfferent Color methods:
4. Hexadecimal colors
1. RGB colors
2. RGBA colors
3. HSL colors
4. HSLA colors
5. Identify color using photoshop and colorpicker

CHAPTER 9:  Output: Use Different Borders in you web page for tables and and table cell and table data

Borders

1. Double
2. Solid
3. Dotted
4. Dashed
5. None

      Radius

               Use Radius for the different table cells

CHAPTER 10: Output: Use Different Margins in you web page for tables and and table cell and table data

Margins

1. Top
2. Bottom
3. Left
4. Right

The text inside table data

CHAPTER 11:  Output: Use Different Paddings in you web page for tables and and table cell and table data

Padding

1. Top
2. Bottom
3. Left
4. Right
5. Padding vs Margin

Padding of table inside a table data of main table.

Text padding