Lab Assignment – II (CSS)

1. Illustrate the use of background properties in CSS (for image). • Code

2. Construct a web page with four paragraph and style using CSS. • Code

3. Design a web page with six images and style them using external CSS. • Code

4. Make a nested list using internal CSS. • Code

5. Make a web page having 3 rows and 2 columns with all the hyperlinks and style it using external CSS. • Code

6. Design an html form to demonstrate the 10 different types of controls generated using INPUT tag. Style the form as: • Code

   • Set the background color of textbox yellow when it is focused.

   • Change the text color blue to textbox.

   • Increase the height of combo options when it is checked.

   • Set the border color red if the input is invalid in textbox textarea.

   • Set green border to valid input.

   • Design the form using fieldset.

7. Design the given table and style as: • Code

   Class A	Class B
   Class C	Class D

   • Set the border of any style and color.

   • Set width of all Classes 600 pixel and height 550 pixel.

   • Set different background color for all classes.

   • Every text color should be different.

   • Display Class C and Class D in uppercase and remaining in lower case.

8. Design a horizontal menu of any five options and style as: • Code

   • Set border for all links.

   • Set different background color and text color.

   • Change the font color and increase the font size when mouse over it.

   • Remove the underline from link.

   • Change all the default behaviour of links.

9. Develop a web page with a paragraph and add some contents before the paragraph with red color and yellow background using CSS. • Code

10. Illustrate the concept of pseudo elements with example. (::after, ::first-letter, ::selection, ::first-line) • Code

11. Design following list using html and CSS: • Code

    • Mouse

    • Keyboard

    • Monitor

    • Printer

    • Touchpad