Day 6: CSS and Styling
QUESTION 1:
File: inline.html
Description:
Create a page with inline styles for:
Changing text color.
Adding a background color to a paragraph.
QUESTION 2:
File: external.html
Description:
Link an external CSS file to an HTML file.
Define styles for headings and paragraphs in the CSS file.
QUESTION 3:
File: layout.html
Description:
Create a layout using
tags for:
A header, main content, and footer.
QUESTION 4:
File: hover.html
Description:
Add hover effects to links and buttons:
Use CSS pseudo-classes like :hover.
QUESTION 5:
File: gradient.html
Description:
Create a page with a gradient background:
Use CSS linear-gradient or radial-gradient.
QUESTION 6:
File: responsive.html
Description:
Create a responsive layout:
Use CSS Flexbox or Grid to adjust the layout for different screen sizes.