From the course: CSS Essential Training
Why should you learn CSS?
From the course: CSS Essential Training
Why should you learn CSS?
- CSS is a fundamental part of web design and development. Without it, websites would only be able to display basic styles, black text on white backgrounds. CSS is the language that takes your plain HTML to the next level. (upbeat music) Whether you're looking to create a personal project or thinking about a career switch, you can use CSS to do everything from tweaking existing projects to writing it all on your own. I'm Christina Truong, and I've been building websites for almost 20 years. In this course, I'll cover all the essentials of CSS from adding color and font styles to exploring different layout methods and much more in between. By the end of this course, you'll have an actual project, a customized personal website.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
Contents
-
-
HTML and CSS1m 15s
-
Working with website files4m 12s
-
Setting up your text editor6m 20s
-
Project: Overview1m 44s
-
Project: Customizing the content5m 9s
-
Project: Viewing files with Live Server2m 36s
-
(Locked)
Where to find images2m 36s
-
(Locked)
Creating web-ready images3m 56s
-
(Locked)
Project: Adding images6m 41s
-
-
-
(Locked)
CSS specifications and the W3C2m 35s
-
(Locked)
CSS syntax and terminology3m 29s
-
(Locked)
CSS data types2m 42s
-
(Locked)
Type and universal selectors3m 2s
-
(Locked)
ID selectors1m 53s
-
(Locked)
Class selectors3m 39s
-
(Locked)
Combinators and selector lists3m 3s
-
(Locked)
Pseudo-classes and pseudo-elements3m 22s
-
(Locked)
Inheritance, cascade, and specificity4m 55s
-
(Locked)
Custom properties4m 42s
-
(Locked)
Referencing CSS3m 28s
-
(Locked)
Project: Create a CSS file4m 32s
-
(Locked)
-
-
(Locked)
The color property and value3m 55s
-
(Locked)
Creating a color palette2m 35s
-
(Locked)
Project: Defining custom properties3m 49s
-
(Locked)
The background property5m 30s
-
(Locked)
Using multiple background styles2m 47s
-
(Locked)
Project: Background and text colors6m 56s
-
(Locked)
Project: Background image styles6m 39s
-
(Locked)
-
-
(Locked)
Introduction to the CSS box model1m 4s
-
(Locked)
Width, height, and display3m 7s
-
(Locked)
Padding, margin, and border4m 59s
-
(Locked)
Center-aligning with margin3m 7s
-
(Locked)
Box-sizing and the box model fix3m 31s
-
(Locked)
Working with developer tools5m 1s
-
(Locked)
Margin collapse and inline spacing2m 48s
-
(Locked)
Creating full-height layouts3m 2s
-
(Locked)
Project: List reset and header updates4m 51s
-
(Locked)
Project: Centering content with margin5m 49s
-
(Locked)
Project: Heading resets and border styles4m 4s
-
(Locked)
-
-
(Locked)
Introduction to CSS Grid2m 49s
-
(Locked)
The explicit grid3m 35s
-
(Locked)
The implicit grid2m 16s
-
(Locked)
The gap property54s
-
(Locked)
Positioning with grid lines3m 31s
-
(Locked)
Project: Grid layout4m 36s
-
(Locked)
Project: Grid line positioning7m 25s
-
(Locked)
Project: Grid and dev tools2m 44s
-
(Locked)
-
-
(Locked)
Typography for the web3m 32s
-
(Locked)
Changing fonts with font-family2m 18s
-
(Locked)
Working with font-weight and font-style1m 48s
-
(Locked)
Web fonts with @font-face1m 56s
-
(Locked)
Online font services3m 54s
-
(Locked)
Project: Add custom fonts4m 38s
-
(Locked)
The font-size property3m 19s
-
(Locked)
Font size and accessibility4m 32s
-
(Locked)
Text-align, text-transform, and text-decoration3m 28s
-
(Locked)
Line-height and letter-spacing2m 49s
-
(Locked)
Project: Font and text styles8m 28s
-
(Locked)
Project: Button styles7m 3s
-
(Locked)
Project: Borders, spacing, and color11m 38s
-
(Locked)
-
-
(Locked)
Introduction to responsive design1m 39s
-
(Locked)
Introduction to media queries3m 30s
-
(Locked)
Breakpoints and media queries3m 17s
-
(Locked)
Creating fluid layouts1m 11s
-
(Locked)
The viewport meta tag1m 30s
-
(Locked)
Testing responsive layouts2m 55s
-
(Locked)
Project: Breakpoints2m 19s
-
(Locked)
Project: Media queries8m 5s
-
(Locked)