Three types of css

Inline CSS:

Task:1

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

Steps:

1. Create a form using form tag, within form create a table
2. Create three text fields, radio button and a submit button
3. Apply inline css for every element to apply style properties
4. Apply inline css to table, td, input and submit

Code:

Output:

Internal CSS:

Task:2

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

Steps:

1. Create a form using form tag, within form create a table
2. Create three text fields, radio button and a submit button
3. Apply internal css for every element to apply style properties
4. Apply internal css to table, id(i1,i2) and class(c1)

Code:

Output:

External CSS:

Task:2

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

Steps:

1. Create a form using form tag, within form create a table
2. Create three text fields, radio button and a submit button
3. Apply External css for every element to apply style properties
4. Apply External css to table, id(i1,i2) and class(c1)

Code:

Output: