Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS - Code, the box model, style rules - Coggle Diagram
CSS - Code
-
-
-
-
Interaction
inheritance
yes - font, color, list, text
layout, sizing, border, background, spacing
-
-
-
text styling - two types
-
paragraph properties
spacing, height, alignment, decoration, direction, indent, shadow, transform
-
the box model
possible to control what happens with the content if the box's width and height are not large enough to display the content → overflow property
-
-
-
-
dimensions
-
-
the total size of an element is equal to the size of its content plus the sum of its padding, borders, margins
-
-
-
-
constraints
min-height, min-width, max-height, max-width
-
style rules
selectors
-
-
-
-
-
pseudo-element : link, visited, focus, hover, active
to select something that does not exist explicitly as an element in the HTML document tree → a recognizable selectable object
contextual selector / combinators : ancestors, descendants, siblings
allows you to select elements based on their ancestors, descendants, or siblings,
-
-
-
-
selector
the selector identifies which element or elements in the HTML document will be affected by the declarations in the rule
-
-
-