watching now
3
Students What Will You Learn?
- CSS basics
Requirements
- HTML basics
- Programming basics
Curriculum
Course consist of total 3h 23min of content, in total.
Section 1: Orientation for the course
04:45
Orientation For The CSS Course
Section 2: Lesson 1
09:24
1.1 Lesson Introduction
1.3. Inline vs Internal vs External CSS
1.4 Commenting in CSS
1.6. Lesson 1 Quiz
1.7. Assignment: Link a CSS File Externally
Section 3: Lesson 2
23:25
2.1 Introduction to Selectors
01:33
2.2 Class and ID Selectors
01:37
2.3 Class and ID Selectors
2.4 Universal and Type Selectors
01:03
2.5 Universal and Type Selectors
2.6 DOM Tree and Element Relationships
02:00
2.7 CSS Combinators, Explained
03:17
2.8 Combinators
2.9 Inheritance, Explained
01:22
2.10 Inherit vs Initial
2.11 Debugging with Developer Tools
02:32
2.12 CSS Troubleshooting
2.13 Lesson 2 Checkpoint
00:31
2.14 Lesson 2 Quiz
2.15 Assignment 1: Optimize your Code
2.16 Assignment 2: Match the Described Styles
Section 4: Lesson 3
12:33
3.1.Introducing Specificity
00:58
3.2 Specificity
03:04
3.3 Calculating Specificity
3.4 Using !important
02:40
3.5 !important Declaration
3.6 Lesson 3 Checkpoint
00:44
3.7 Lesson 3 Quiz
3.8 Assignment 1: Calculate Better Specificity
Section 5: Lesson 4
19:55
4.1. Lesson Introduction
01:00
4.2 What is a Pseudo-Class?
4.3 Using Pseudo-Classes
03:12
4.4 Pseudo-Classes
4.5. Selector Parsing with Pseudo-Classes
02:54
4.6. Selector Parsing with Pseudo-Classes
4.7. Pseudo-Elements
04:25
4.8. Pseudo-Elements
4.9. Lesson 4 Checkpoint
00:35
4.10 Lesson 4 Quiz
4.11 Assignment 1: Style your content using :hover
4.12 Assignment 2: Style different types of links using pseudo classes
4.13 Assignment 3: Create CSS pseudo-elements
Section 6: Lesson 5
11:46
5.1. Lesson Introduction
00:40
5.2. What is the Box Model?
00:59
5.3. Box Model Dimensions
03:52
5.4. Box Model Dimensions
5.5. Content Categories
02:19
5.6. Content Categories Cheat Sheet
5.7. Lesson 5 Checkpoint
00:31
5.8. Lesson 5 Quiz
Section 7: Lesson 6
08:27
6.1 Introducing CSS Padding: Padding vs Border vs Margin vs Outline
02:27
6.2. Padding vs Border vs Margin vs Outline
6.3 CSS Padding
01:24
6.4. CSS Padding
6.5. Lesson 6 Checkpoint
00:23
6.6. Lesson 6 Quiz
6.7. Assignment 1: Align content with padding
Section 8: Lesson 7
15:31
7.1. Introducing CSS Borders
01:59
7.2 CSS Borders
7.3. CSS Borders: Colors
03:22
7.4. CSS Borders: Colors
7.5. CSS Borders: Images
03:37
7.6. CSS Borders: Images
7.7. Lesson 7 Checkpoint
00:33
7.8. Lesson 7 Quiz
7.9. Assignment: Create given figures
Section 9: Lesson 8
09:46
8.1. Introducing CSS Margins
03:09
8.2. CSS Margins
8.3. Collapsing Margins
01:45
8.4. Collapsing Margins
8.5. Lesson 8 Checkpoint
00:15
8.6.Lesson 8 Quiz
8.7. Assignment - Give margin to previous element
Section 10: Lesson 9
09:02
9.1. Introducing CSS Outline
01:08
9.2. CSS Outline
9.3. Shorthands
02:09
9.4. Shorthands
9.5. Lesson 9 Checkpoint
00:25
9.6. Lesson 9 Quiz
9.7. Assignment: Recreate a given layout
Section 11: Lesson 10
10:55
10.1 Lesson Introduction
01:04
10.2 Introducing Display
04:00
10.3 Display Property
10.4 Visibility
02:25
10.5 Visibility
10.6 Lesson 10 Checkpoint
00:31
10.7 Lesson 10 Quiz
10.8 Assignment: Practice Display and Visibility
Section 12: Lesson 11
10:13
11.1 Introduction to Units and Values
01:05
11.2 Units and Values
11.3 Absolute Units: Pixels
01:07
11.4 CSS Pixel and Other Absolute Units
11.5 Relative Values
02:55
11.6 Relative Values
11.7 Lesson 11 Checkpoint
01:00
11.8 Lesson 11 Quiz
11.9 Assignment: Create Interactive Components
Section 13: Lesson 12
09:35
12.1 Lesson Introduction
01:14
12.2 Positioning Elements
12.3 Positioning: Static and Relative
01:15
12.4 Static and Relative Positioning
12.5 Z-index
02:06
12.6 Z-index
12.7 Lesson 12 Checkpoint
00:47
12.8 Lesson 12 Quiz
12.9 Assignment: Create a Card Deck
Section 14: Lesson 13
09:26
13.1 Lesson Introduction
00:37
13.2 Absolute Positioning
02:00
13.3 Absolute Positioning
13.4 Fixed and Sticky Positioning
02:34
13.5 Fixed and Sticky Positioning
13.6 Lesson 13 Checkpoint
00:42
13.7 Lesson 13 Quiz
13.8 Assignment: Create a Sticky Navigation Bar!
Section 15: Lesson 14
10:21
14.1 Lesson Introduction
00:34
14.2 Overflow
02:17
14.3 Overflow
14.4 Overflow: Wrap and Axis
01:20
14.5 Overflow: Wrap and Axis
14.6 Lesson 14 Checkpoint
00:31
14.7 Lesson 14 Quiz
14.8 Assignment 1: Create a fixed banner
14.9 Assignment 2: Create Frames for Scrolling Paragraphs
Section 16: Lesson 15
10:34
15.1 Introduction to Floats
00:53
15.2 CSS float
01:19
15.3 CSS float
15.4 CSS clear
00:29
15.5 CSS clear
15.6 Block Formatting Context
15.7 Creating New Block Formatting Contexts
01:01
15.8 Lesson 15 Checkpoint
00:59
15.9 Lesson 15 Quiz
15.10 Assignment: Recreate Layout Using Floats
Section 17: Personal Development
17:30
3.1: Lesson Introduction
01:00
3.2: Creating a Personal Brand
01:56
3.3: Creating a Personal Brand
3.4: Online vs Offline Personal Brand
02:45
3.5: Case Study: Personal Branding Mistakes
02:54
3.6: Lesson 3 Checkpoint
00:42
3.7: Assignment 1: Personal Brand Moodboard
3.8: Assignment 2: Develop your Message
Knowledge Assessment: CSS basics
About the Instructor
BitDegree platform reviews
Days
Hours
Minutes
Seconds