CSS Properties

1. Color: Just like adding colorful sprinkles to our cake, the color property changes the color of text, backgrounds, borders, and more on our website.

2. Font-Size: This property is like deciding how big or small the letters on a birthday cake should be written. It makes text appear larger or smaller on our website.

3. Padding: Padding is like the soft frosting we spread around the edges of a cake. It adds space inside an element, pushing the content away from its borders.

4. Border: Similar to putting a ribbon around a cake, the border property creates lines around elements on our website, separating them from other elements.

5. Width and Height: These properties are like deciding how tall and wide we want our cake to be. They control the size of elements on our website.

6. Background-Color: Just like choosing the color of the cake itself, the background color sets the color behind the content on our website.

7. Margin: Margin is like the empty space we leave around a cake on a plate. It adds space outside an element, creating distance between it and other elements.

Let's us understand from the following example:

Imagine we have a website about animals, and we want to style the heading to make it look cool. Here's how we could do it with CSS properties:

In this example, we're using CSS properties to style the <h1> (heading) element:

1. Color:color: blue; makes the text color blue.

2. Font-Size:font-size: 36px; makes the text bigger.

3. Text-Align:text-align: center; centers the text.

4. Text-Decoration:text-decoration: underline; adds an underline to the text.

So, CSS properties are like magic instructions that tell the browser how to style different parts of our website, making them look just the way we want!

Other properties like font-weight ,font-family,background-color etc are use in CSS

Examples :

font-weight

font-family