Introduction

CSS (Cascading Style Sheets) is a language used for describing the presentation of a document written in HTML or XML. It controls the layout, colors, fonts, and styles of elements on web pages.

Syntax

The basic syntax of CSS consists of a selector and a declaration block. The selector identifies the HTML element to style, and the declaration block contains one or more property-value pairs enclosed in curly braces.

                selector {
                    property: value;
                }
            

Selectors

CSS selectors are patterns used to select and style elements on a web page. Some common selectors include:

• Element Selector (e.g., p {})
• Class Selector (e.g., .classname {})
• ID Selector (e.g., #idname {})
• Descendant Selector (e.g., div p {})

Properties

CSS properties define the visual appearance of elements. Some common properties include:

• color
• font-size
• margin
• padding
• background-color

Box Model

The CSS box model describes the layout of elements on a web page. It consists of content, padding, border, and margin. Understanding the box model is essential for creating well-designed layouts.

Layout

CSS provides various techniques for creating layouts, such as float, flexbox, and grid. These layout methods allow developers to design responsive and visually appealing web pages.