Rules Selectors and Declaration Blocks

A CSS rule consists of a selector (e.g. h1) and declaration block ({}).

h1 {}

Found a mistake? Have a question or improvement idea? Let me know.

Structure and formatting of a css rule:

*Structure and Formatting of a CSS Rule

*Property Lists

*Rules Selectors and Declaration Blocks

*Multiple Selectors

Table Of Contents

0Getting started

8Cascading and specificity

15Pseudo-elements

172D transforms

19Browser support prefixes

20Normalizing browser styles

22Layout control

23Filter property

25Cursor styling

27Custom properties, variables

28Shapes for floats

323D Transforms

34Single element shapes

38Inline-block layout

40CSS Image Sprites

41Clipping and masking

44Structure and formatting of a css rule

45Fragmentation

47CSS Object Model (CSSOM)

48Feature queries

49Stacking context

50Internet Explorer hacks

51Block formatting context

52Vertical centering

53Object Fit and Placement

54Multiple columns

55CSS design patterns