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.