Change the text color of a paragraph to blue.

Increase heading font size using font-size.

Apply a background color to a div.

Add margin and padding to an element.

Add a border with 2px solid red.

Demonstrate padding, margin, and border around an element.

Style a class .highlight with yellow background.

Style an element with id="main" with bold text.

Center-align a heading using text-align.

Remove underline from a link and change its color on hover.

Create a two-column layout using flexbox.

Create a 2x2 grid using display: grid.

Add a hover effect to a button with background change.

Smoothly change the background color of a box on hover.

Rotate an image by 20 degrees on hover.

Use :first-child to style the first list item differently.

Add a custom arrow using ::before to a heading.

Change the background to black on screens less than 768px.

Use position: absolute to place an element in the corner.

Use z-index to layer an image on top of text.

Create a keyframe animation to move a box left to right.

Use @font-face or Google Fonts to apply a new font.

Define and use CSS variables (--main-color).

Create a circle-shaped image using clip-path.

Create a responsive flex container with wrapping.

Design a layout using named grid areas.

Use vw, vh, % units for fluid layouts.

Use data-theme and CSS variables to implement dark mode.

Style the browser scrollbar using pseudo-elements.

Add blur effect behind a modal using backdrop-filter.