CSS Anatomy Map

CSS anatomy map
This is a CSS Anatomy Map
Map of CSS Statement
img[src*='winter'] {
  height: 50px;
}

img[src*='summer'] {
  height: 100px;
}
The first ruleset looks for an img element with an attribute of src that contains the string 'winter', and sets the height to 50px.

CSS Anatomy

Ruleset Terms

Inline Style Terms

Selector—The beginning of the ruleset used to target the element that will be styled. Opening Tag—The start of an HTML element. This is the element that will be styled.
Declaration Block—The code in-between (and including) the curly braces ({ }) that contains the CSS declaration(s). Attribute—The style attribute is used to add CSS inline styles to an HTML element.
Declaration—The group name for a property and value pair that applies a style to the selected element. Declaration—The group name for a property and value pair that applies a style to the selected element.
Property—The first part of the declaration that signifies what visual characteristic of the element is to be modified. Property—The first part of the declaration that signifies what visual characteristic of the element is to be modified.
Value—The second part of the declaration that signifies the value of the property.

Value—The second part of the declaration that signifies the value of the property.