CSS Essential Training

Focused View

Christina Truong

5:27:02

103 View

01 - Introduction

01 - Getting started with CSS.mp4

00:43

02 - What you should know.mp4

00:26

03 - How to complete the exercises.mp4

01:29

02 - 1. Getting Started

01 - HTML and CSS.mp4

01:10

02 - Working with website files.mp4

03:25

03 - Writing code with a text editor.mp4

03:40

04 - Customizing your text editor.mp4

03:29

05 - Project Overview and setup.mp4

07:46

06 - Where to find images.mp4

02:52

07 - Optimizing images for the web.mp4

03:41

08 - Relative and absolute paths.mp4

02:43

09 - Project Adding images and icons.mp4

07:13

10 - Referencing CSS.mp4

02:44

11 - Project Creating a CSS file.mp4

03:04

03 - 2. CSS Core Concepts

01 - CSS specifications and the W3C.mp4

03:12

02 - CSS syntax and terminology.mp4

04:02

03 - CSS values and units.mp4

03:33

04 - The color property and values.mp4

04:31

05 - Creating a color palette.mp4

01:52

06 - Type and universal selectors.mp4

03:16

07 - ID selectors.mp4

02:34

08 - Class selectors.mp4

03:17

09 - Descendant combinators and selector lists.mp4

02:56

10 - The background property.mp4

04:39

11 - Project Prepping the CSS file.mp4

04:05

12 - Project Adding background styles.mp4

07:39

13 - Pseudo-classes and pseudo-elements.mp4

04:30

14 - Inheritance and the cascade.mp4

02:20

15 - Specificity.mp4

03:45

16 - Project Styling links.mp4

05:23

04 - 3. The CSS Box Model

01 - Intro to the CSS box model.mp4

00:58

02 - The box model properties.mp4

03:44

03 - Box-sizing and the box model fix.mp4

04:23

04 - Inline, block, and display.mp4

04:39

05 - Project Footer styles and icons.mp4

04:04

06 - Debugging with developer tools.mp4

05:06

07 - Managing box model quirks.mp4

04:02

08 - Project Background image update.mp4

03:23

09 - Using negative margin values.mp4

02:42

10 - Center aligning with margin.mp4

03:42

11 - Project Adding content wrappers.mp4

04:44

12 - Project Adding a header image.mp4

05:56

05 - 4. Layouts Float and Position

01 - Intro to CSS Layout.mp4

01:00

02 - Layouts with the float property.mp4

03:50

03 - Clearing floats.mp4

03:23

04 - Project Float images and text.mp4

06:47

05 - The position property.mp4

05:12

06 - Position and z-index.mp4

04:11

07 - Project Fixed positioning.mp4

03:21

06 - 5. Layouts Flexbox and Grid

01 - Intro to Grid and Flexbox.mp4

00:59

02 - Intro to Flexbox.mp4

02:25

03 - Flexbox Orientation and ordering.mp4

03:01

04 - Sizing with flex properties.mp4

02:33

05 - Flexbox exercise.mp4

03:51

06 - Project Sticky footer with flexbox.mp4

05:39

07 - Aligning flex items.mp4

03:20

08 - Project Aligning elements with Flexbox.mp4

03:41

09 - Intro to CSS Grid.mp4

02:23

10 - The explicit grid.mp4

03:59

11 - The implicit grid.mp4

02:58

12 - Adding gutters with the gap property.mp4

01:21

13 - Project Adding columns with Grid.mp4

08:15

07 - 6. Typography

01 - Typography for the web.mp4

03:11

02 - Changing fonts with font-family.mp4

02:59

03 - font-weight and font-style.mp4

03:03

04 - Web fonts with @font-face.mp4

02:31

05 - Web fonts with Google Fonts.mp4

03:18

06 - Project Google Fonts.mp4

04:05

07 - The font-size property.mp4

04:06

08 - Font-size and accessibility.mp4

06:39

09 - Text-align and text-transform.mp4

03:26

10 - Line-height and letter-spacing.mp4

03:22

11 - Project Typography styles.mp4

06:56

12 - Project Buttons and spacing.mp4

09:23

08 - 7. Layouts Fluid and Responsive

01 - Intro to responsive design.mp4

01:29

02 - Intro to media queries.mp4

04:32

03 - Breakpoints and media queries.mp4

03:32

04 - Fluid layouts.mp4

02:36

05 - The viewport meta tag.mp4

01:53

06 - Testing responsive layouts.mp4

03:01

07 - Project Breakpoints.mp4

03:38

08 - Project Media queries Part 1.mp4

12:26

09 - Project Media queries Part 2.mp4

08:26

10 - Project Media queries Part 3.mp4

06:17

09 - Conclusion

01 - Continuing beyond the essentials with CSS.mp4

00:42

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

CSS Animations

tailwind css

Christina Truong

Instructor's Courses

Web Developer and Educator focused on front-end technologies and tech education. See more at http://christinatruong.com ***I usually only connect with people I know personally.***

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.