🖌 Learning CSS

Learning CSS

Wiki

Variables

• root
• Combinators
• Comments
• Nested

Selectors

• ID
• Class name

Attributes selectors

• [attr]
• [attr=value]
• [attr~=value]
• [attr|=value]
• [attr^=value]
• [attr$=value]
• [attr*=value]
• [attr operator value i]

PseudoElementos

• :before
• :after
• :hover
• :focus
• :visited
• :not
• :disabled
• content: 'text';
• content: attr(data-name);

CSS Grid

• grid
• grid-area
• grid-auto-columns
• grid-auto-flow
• grid-auto-rows
• grid-column-end
• grid-column-gap
• grid-column-start
• grid-column
• grid-gap
• grid-row-end
• grid-row-gap
• grid-row-start
• grid-row
• grid-template-areas
• grid-template-columns
• grid-template-rows
• grid-template