What is Keyword Values?

br>

Keyword values in CSS are literal, unquoted identifiers that a property accepts as a valid setting. They are among the simplest ways to define a value and are used for a wide range of purposes, from defining colors to controlling layout.

Predefined keywords

These keywords are defined for specific CSS properties and are often used to define standard settings or behaviors

Layout and positioning

display property: block, inline, flex, grid, none

position property: static, relative, absolute, fixed, sticky

text-align property: left, right, center, justify

float property: left, right, none

What is calc() function ?

The calc() CSS function allows you to perform mathematical calculations to determine a CSS property's value dynamically.

It is especially useful for creating responsive designs by combining different units, such as percentages and pixels, in the same expression

Syntax

The calc() function takes a single mathematical expression as its parameter.
property: calc(expression);

Supported operators and rules

• Addition (+) and subtraction (-): Must be surrounded by whitespace. For example, calc(50% - 10px) is valid, while calc(50% -10px) is not.
• Multiplication (*): Does not require whitespace, but it is recommended for consistency. One of the operands must be a unitless number. For instance, calc(50px * 2) is valid, but calc(50px * 2px) is not
• Division (/):The right-hand operand (the divisor) must be a unitless number. calc(100% / 3) is valid, but calc(100% / 50%) is not.

What is Custom Properties (CSS Variables)?

Custom properties, also known as CSS variables, are user-defined values that can be reused throughout a stylesheet

They help reduce code repetition, make stylesheets more readable, and enable dynamic functionality like theming

Custom properties are a native feature of CSS and work directly in the browser, unlike preprocessor variables which require compilation

Custom properties are defined with a name that must start with two dashes (--), followed by a value