CSS Bologna

CSS Bologna 👨‍🏫

💡

The purpose of this website is to serve as a reference to CSS and the very basics of web styling.

1: The Absolute Basics

Block and Inline Box Model Padding Border Margin Width

2: Positioned Layout

Relative Absolute Fixed Sticky

3: Layout Controls

Overflow Z-Index Hiding Content

4: Flexbox

Flexbox Basics Ratios Flex Shorthand Flex Wrap Flex Gap

5: Grid

Grid Basics Columns & Rows Alignment Grid Areas Fluid Grids Grid Dividers

6: Responsive CSS

Media Queries Mobile or Desktop First Max and Min Breakpoints

7: Animation

Transform Transition Easing Keyframes 3D

8: Fancy Shmancy

Shadows Gradient Scroll Bars Backgrounds

Created by Graeme Morgan