CSS Essential Training
With Christina Truong
Liked by 1,772 users
Duration: 5h 26m
Skill level: Beginner
Released: 8/9/2023
Course details
Cascading Style Sheets (CSS) is a stylesheet language that allows you to control the appearance of your webpages. In this hands-on course, instructor Christina Truong demonstrates the concepts that form the foundation of CSS, explaining what you need to know to tweak existing CSS and start writing your own with ease. Christina explains how to add colors and other design elements to take your webpages beyond just black text on a white background. She shows how to use selectors, how the box model defines the spacing and sizing of page elements, and how to style text and manage basic layouts with Flexbox and Grid. Learn the basics of working with typography, creating fluid and responsive layouts, and determining when to use the float and position properties. Along the way, test out your know-how with real-world projects that let you practice applying new content and skills.
Skills you’ll gain
Earn a sharable certificate
Share what you’ve learned, and be a standout professional in your desired industry with a certificate showcasing your knowledge gained from the course.
Learning
LinkedIn Learning
Certificate of Completion
-
Showcase on your LinkedIn profile under “Licenses and Certificate” section
-
Download or print out as PDF to share with others
-
Share as image online to demonstrate your skill
Meet the instructor
Learner reviews
4.7 out of 5
The overall rating is calculated using the average of submitted ratings. Ratings and reviews can only be submitted when non-anonymous learners complete at least 40% of the course. This helps us avoid fake reviews and spam.
-
5 star 77% -
4 star 17% -
3 star 4% -
2 star <1% -
1 star <1%
-
-
Harold Lee, MBA
Harold Lee, MBA
Head of Product, Creative Technologist, Inventor
I recommend this course! As a self-taught coder, this course really explained the whys and wherefores that really stuck with me. This material exposed a number of blind spots for me related to what I thought I knew about CSS, and for that I am so thankful and grateful to Christina's course! So I'd like to take the opportunity share how I was inspired to apply it to my portfolio site: If you'd like to checkout my AI portfolio, I would truly value any critique: https://harold-9000.vercel.app/ Maximum respect, Harold
Contents
-
-
HTML and CSS1m 10s
-
(Locked)
Working with website files3m 25s
-
(Locked)
Writing code with a text editor3m 40s
-
(Locked)
Customizing your text editor3m 29s
-
(Locked)
Project: Overview and setup7m 46s
-
(Locked)
Where to find images2m 52s
-
(Locked)
Optimizing images for the web3m 41s
-
(Locked)
Relative and absolute paths2m 43s
-
(Locked)
Project: Adding images and icons7m 13s
-
(Locked)
Referencing CSS2m 44s
-
(Locked)
Project: Creating a CSS file3m 4s
-
-
-
CSS specifications and the W3C3m 12s
-
(Locked)
CSS syntax and terminology4m 2s
-
(Locked)
CSS values and units3m 33s
-
(Locked)
The color property and values4m 31s
-
(Locked)
Creating a color palette1m 52s
-
(Locked)
Type and universal selectors3m 16s
-
(Locked)
ID selectors2m 34s
-
(Locked)
Class selectors3m 17s
-
(Locked)
Descendant combinators and selector lists2m 56s
-
(Locked)
The background property4m 39s
-
(Locked)
Project: Prepping the CSS file4m 5s
-
(Locked)
Project: Adding background styles7m 39s
-
(Locked)
Pseudo-classes and pseudo-elements4m 30s
-
(Locked)
Inheritance and the cascade2m 20s
-
(Locked)
Specificity3m 45s
-
(Locked)
Project: Styling links5m 23s
-
-
-
Intro to the CSS box model58s
-
(Locked)
The box model properties3m 44s
-
(Locked)
Box-sizing and the box model fix4m 23s
-
(Locked)
Inline, block, and display4m 39s
-
(Locked)
Project: Footer styles and icons4m 4s
-
(Locked)
Debugging with developer tools5m 6s
-
(Locked)
Managing box model quirks4m 2s
-
(Locked)
Project: Background image update3m 23s
-
(Locked)
Using negative margin values2m 42s
-
(Locked)
Center aligning with margin3m 42s
-
(Locked)
Project: Adding content wrappers4m 44s
-
(Locked)
Project: Adding a header image5m 56s
-
-
-
Intro to Grid and Flexbox59s
-
(Locked)
Intro to Flexbox2m 25s
-
(Locked)
Flexbox: Orientation and ordering3m 1s
-
(Locked)
Sizing with flex properties2m 29s
-
(Locked)
Flexbox exercise3m 51s
-
(Locked)
Project: Sticky footer with flexbox5m 39s
-
(Locked)
Aligning flex items3m 20s
-
(Locked)
Project: Aligning elements with Flexbox3m 41s
-
(Locked)
Intro to CSS Grid2m 23s
-
(Locked)
The explicit grid3m 59s
-
(Locked)
The implicit grid2m 58s
-
(Locked)
Adding gutters with the gap property1m 21s
-
(Locked)
Project: Adding columns with Grid8m 15s
-
-
-
Typography for the web3m 11s
-
(Locked)
Changing fonts with font-family2m 59s
-
(Locked)
font-weight and font-style3m 3s
-
(Locked)
Web fonts with @font-face2m 31s
-
(Locked)
Web fonts with Google Fonts3m 18s
-
(Locked)
Project: Google Fonts4m 5s
-
(Locked)
The font-size property4m 6s
-
(Locked)
Font-size and accessibility6m 39s
-
(Locked)
Text-align and text-transform3m 26s
-
(Locked)
Line-height and letter-spacing3m 22s
-
(Locked)
Project: Typography styles6m 56s
-
(Locked)
Project: Buttons and spacing9m 23s
-
-
-
Intro to responsive design1m 29s
-
(Locked)
Intro to media queries4m 32s
-
(Locked)
Breakpoints and media queries3m 32s
-
(Locked)
Fluid layouts2m 36s
-
(Locked)
The viewport meta tag1m 53s
-
(Locked)
Testing responsive layouts3m 1s
-
(Locked)
Project: Breakpoints3m 38s
-
(Locked)
Project: Media queries: Part 112m 26s
-
(Locked)
Project: Media queries: Part 28m 26s
-
(Locked)
Project: Media queries: Part 36m 17s
-
What’s included
- Practice while you learn 1 exercise file
- Test your knowledge 7 quizzes
- Learn on the go Access on tablet and phone