This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
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
Useful symbols
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock