Author
Released
10/1/2019- Writing basic selectors
- Setting properties
- Cascade and inheritance
- Setting a font family, font size, text color, and more
- Working with the box model
- Leveraging Grid and Flexbox
- Using the float and position properties
- Working with advanced selectors
- Creating fluid layouts
Skill Level Beginner
Duration
Views
- CSS is a fundamental part of web design because it controls how your web pages look. Without it, websites would only be able to display text on white backgrounds. Use CSS to take your plain HTML websites to the next level. Whether you're just trying to customize your Squarespace page or contemplating a career switch, learning the fundamentals of CSS from the ground up gives you the ability to do everything from tweaking existing CSS to writing your own. Hi, I'm Christina Truong, and I invite you to join me for my course on LinkedIn Learning where I'll cover all the foundations of CSS. Starting from how CSS is structured to frequently used CSS styles and the various ways CSS let's you layout a page. By the end of this course you'll have an actual project, an online portfolio and resume page that you have styled in CSS.
Related Courses
-
CSS: Selectors
with Jen Kramer1h 26m Intermediate -
Responsive Layout
with Clarissa Peterson2h 32m Intermediate -
Introduction to CSS
with Carrie Dils1h 58m Beginner -
CSS Layouts: From Float to Flexbox and Grid
with Christina Truong1h 46m Intermediate
-
Introduction
-
Tools and sample projects1m 16s
-
1. Getting Started
-
HTML and CSS1m 18s
-
Browser developer tools3m 11s
-
Referencing CSS4m 29s
-
Project overview and setup4m 13s
-
Project: Relative paths4m 35s
-
Absolute paths2m 25s
-
-
2. Core Concepts
-
Type and universal selectors3m 20s
-
Class and ID selectors3m 5s
-
Descendant selectors3m 48s
-
Grouping selectors1m 38s
-
Inheritance and specificity4m 33s
-
The cascade and importance1m 43s
-
Project: Adding colors6m 18s
-
Project: Styling links8m 5s
-
3. The Box Model
-
The box model properties2m 6s
-
Debugging the box model3m 28s
-
Padding, margin, and border5m 34s
-
Margin and layouts3m 3s
-
Project: Margin and padding6m 20s
-
4. Typography
-
Typography for the web2m 59s
-
Changing the font-family2m 28s
-
Web fonts with @font-face2m 58s
-
Web fonts with Google Fonts1m 56s
-
Project: Google Fonts4m 3s
-
The font-size property4m 24s
-
Font shorthand1m 50s
-
-
5. Layouts: Float and Position
-
Introduction to float1m 2s
-
Position5m 24s
-
Position and z-index3m 26s
-
-
6. Layouts: Flexbox and Grid
-
Introduction to Flexbox2m 33s
-
Flexible sizing2m 33s
-
Flexbox exercise2m 22s
-
Flexbox: Alignment2m 13s
-
Project: Flexbox alignment4m 56s
-
Introduction to CSS Grid2m 21s
-
The implicit grid3m 28s
-
7. Advanced Selectors
-
Project: Advanced selectors3m 25s
-
8. Fluid and Responsive Layouts
-
Flexible background images4m 49s
-
Testing responsive layouts3m 20s
-
Conclusion
-
Next steps39s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Styling documents consistently