click below
click below
Normal Size Small Size show me how
CSS
| Term | Definition |
|---|---|
| Inline CSS | |
| Internal CSS | |
| External CSS | |
| Pseudo Classes | |
| active | |
| checked | |
| disabled | |
| nth-child | |
| visited | |
| Pseudo Elements | |
| before | |
| after | |
| Box Model | |
| Box Model | |
| content-box | |
| border-box | |
| margin | |
| padding | |
| border | |
| Border vs Outline | |
| border | |
| outline | |
| Positioning | |
| static | |
| relative | |
| absolute | |
| fixed | |
| translate | |
| position relative | |
| position absolute | |
| Display Types | |
| block | |
| inline | |
| inline-block | |
| a | |
| button | |
| img | |
| input | |
| select | |
| span | |
| Layout Flow | |
| Normal Document Flow | |
| float | |
| clear | |
| Flexbox and Grid | |
| flex | |
| grid | |
| display flex | |
| flex | |
| align-items | |
| justify-content | |
| flex-direction | |
| display grid | |
| grid-area | |
| grid-template-areas | |
| grid-template-columns | |
| grid-template-rows | |
| fr | |
| row-gap | |
| column-gap | |
| Responsive Design | |
| mobile-first | |
| desktop-first | |
| Media Query | |
| xs | |
| sm | |
| lg | |
| xlg | |
| @media | |
| screen | |
| speech | |
| all | |
| Selectors and Units | |
| CSS Selectors | |
| class | |
| id | |
| attribute | |
| combinator | |
| element | |
| rem | |
| em | |
| px | |
| percentage | |
| Stacking and Specificity | |
| stacking context | |
| z-index | |
| !important | |
| inline style | |
| id | |
| class | |
| element | |
| Reset and Layout | |
| CSS Reset | |
| Normalization | |
| Responsive Web Design | |
| Block Formatting Context | |
| overflow hidden | |
| display flow-root | |
| Advanced CSS | |
| clamp | |
| var | |
| calc | |
| min | |
| max | |
| text-align | |
| vertical-align | |
| CSS Units | |
| vh | |
| vw | |
| Image Sprites | |
| !important | |
| linear-gradient | |
| Vendor Prefixes | |
| opacity | |
| CSS Performance Profiling | |
| responsive design | |
| adaptive design | |
| styling svg | |
| Rendering Performance | |
| Right-to-left selector matching | |
| Reflow | |
| Repaint | |
| Compositing | |
| width | |
| height | |
| margin | |
| padding | |
| color | |
| background | |
| box-shadow | |
| transform | |
| opacity | |
| Transform | |
| transform | |
| rotate | |
| translate | |
| scale | |
| transform-origin | |
| CSS Animation | |
| Transition | |
| transition-duration | |
| transition-property | |
| transition-timing-function | |
| transition-delay | |
| Animation | |
| @keyframes | |
| 0% | |
| 100% | |
| animation-iteration-count | |
| animation-fill-mode | |
| animation-direction | |
| background-position | |
| SASS / SCSS | |
| Mixin | |
| @extend | |
| CSS Methodologies | |
| BEM | |
| OOCSS | |
| SMACSS | |
| Misc | |
| Attribute selector | |
| Wildcard selector | |
| Pseudo class | |
| Pseudo element |