static and fixed | Simple Dev Courses

Autoplay
Autocomplete

Previous Lesson Complete and Continue

CSS and Bootstrap Crash Course

Introduction

Finish this course in a month! (Do 3 lessons a day)
Send us feedback!
Join our Discord server!

Getting Started

Download and Install VS Code
What is CSS?
Useful symbols
Install Live Preview extension
Advice: CSS frameworks

Getting Help

Checking your work

Basics

Creating CSS file
Link element
CSS rules
CSS comments

Colors

Colors Setup
background-color property
Hex colors
RGB colors
HSL colors
Linting

Fonts

Fonts Setup
font-family
font-size
font-weight
font-style
line-height
font shorthand property

Text Properties

Text Setup
text-alignment
text-transform
letter-spacing
word-spacing
scroll-behavior

Units

Units Setup
rem
em

Borders and Spacing

Borders Setup
Border properties
Border radius
Padding properties
Margin properties
Width properties
box-sizing
margin: auto, margin collapse, negative margins

Selectors

Selectors Setup
ID selector
Class selector
Multiple class values
Class selector for specific elements
Multiple class selectors
Selector list
Attribute selector

Pseudo-classes

Pseudo-classes Setup
:hover

Pseudo-elements

Pseudo-elements Setup
::before and ::after

HTML Elements

HTML Elements Setup
div element
span element

More Selectors

More Selectors Setup
Descendant selector
Child selector
Sibling selector

Display and Position

Display Setup
display
Position Setup
static and fixed
relative
sticky and z-index

Concepts

Concepts Setup
Specificity
Cascade
Inheritance
The !important keyword
CSS variables
Media queries

Writing CSS

Writing CSS Setup
Style element
Inline styles

Browser Dev Tools

Open developer tools
Select element
Disable declaration
Add declaration
Device mode

Bootstrap 5

Bootstrap Setup
Bootstrap Introduction
Bootstrap versions
Adding Bootstrap to a project
Containers
Typography
Buttons
Rows and columns
Images
Navbar
Accordion
Padding and margin classes
Adding custom CSS

Conclusion

Where to go from here

Teach online with

static and fixed

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock