CSS Terms, their Definitions, their Roles, and How They Work.

Specificity:

Specificity is the set of the rules applied to CSS selectors in order to determine which style is applied to an element. The more specific a CSS style is, the higher point value it accrues, and the likelier it is to be present on the element's style. Specificity tells the browser which CSS property values are the most relevant to an element and, therefore, will be applied.

Precendence:

Precendence is the idea that takes place when two CSS rules are applied to the same HTML element. The first CSS rule takes precedence over the second, then all CSS properties specified in the first CSS rule takes precedence over the CSS properties declared in the second rule. Precendence helps a browser choose what rules to follow.

Inheritance:

Inheritance controls what happens when no value is specified for a property on an element. When applied to an element in a document, a property with the value 'inherit' will use the same value as the parent element has for that property. Basically, an element will inherit properties from its parent element, whne no value is assigned to the child element.

Property:

A website's visual style and layout are dictated by CSS. These documents shape a webpage's HTML markup, providing web browsers with instructions on how to display the pages and the content found on the HTML. The instructions are made more specific by parameter-like definitions called properties. A change in property values can change things like color, layout, or font-style.

Value:

CSS value is used to define the set of valid values for a CSS property or function. Things like pixel count, font-size, or color qualify as CSS values.

Selector:

Selectors are patterns used to select the elements you want to style. You used selectors to decide what parts of the content of a webpage you want the properties to modify.

Go to Top