5
1 review
CSS Foundations
Welcome to the CSS Foundation course! This comprehensive course is designed to introduce you to the world of Cascading Style ...
Sheets (CSS), a fundamental technology used to style and layout web pages. Whether you are a beginner with no prior experience or someone looking to solidify your understanding of CSS, this course provides a solid foundation for mastering CSS and creating visually appealing and responsive websites.
Show more
- Description
- Curriculum
- Reviews
Welcome to the CSS Foundation course! This comprehensive course is designed to introduce you to the world of Cascading Style Sheets (CSS), a fundamental technology used to style and layout web pages. Whether you are a beginner with no prior experience or someone looking to solidify your understanding of CSS, this course provides a solid foundation for mastering CSS and creating visually appealing and responsive websites.
By the end of this course, you will:
- Understand the role and importance of CSS in web development.
- Learn the basic syntax and structure of CSS.
- Apply CSS styles to HTML elements using various selectors.
- Master the use of colors, fonts, and text styles
- Implement layout techniques using the box model, flexbox, and grid systems.
- Create responsive designs that adapt to different screen sizes.
- Use advanced CSS features like transitions, animations, and pseudo-classes.
- Troubleshoot common CSS issues and best practices for efficient styling.
- And a lot more!
Benefits of this course:
- You will learn the foundation of CSS necessary in understanding different frameworks including Bootstrap, Tailwind CSS and others.
- You will be ready to learn website designs using CSS
- You will be ready to learn more advanced frameworks for web deployment like React, Angular and others.
- You will receive your certificate of achievement after completing your final project.
- You will be able to include your certificate and badge to your resume and portfolio.
Enroll to our Career Path today!
Welcome to the Course!
Introduction
-
5Rank 1A - Introduction23:29
-
6Rank 1B - What is CSS?16:08
-
7Ran 1C - CSS Syntax20:40
-
8Rank 1D - Selectors16:48
-
9Rank 1D 1- CSS Styling15:07
-
10Rank 2A - Internal CSS10:41
-
11Rank 2B - External CSS16:41
-
12Rank 2C - Element Universal Selector19:22
-
13Rank 2D - Class Selector27:06
-
14Rank 3A - Section Div22:47
-
15Rank 3B - ID Selector23:18
-
16Rank 3C - Cheatsheet08:17
-
17Rank 3D - Text Styling32:48
CSS Styling
-
18Rank 4A - Text Alignment15:42
-
19Rank 4B - Text Decoration13:35
-
20Rank 4C Font Family23:31
-
21Rank 4D - Google Fonts21:55
-
22Rank 5A - Font Color23:31
-
23Rank 5B - RGBA Transparency23:31
-
24Rank 5C - Display Property12:11
-
25Rank 5D - Display Inline Block None21:44
-
26Rank 6A - Shoes Design HTML27:16
-
27Rank 6B - Shoes Design CSS18:21
-
28Rank 6C - Display Grid Justify Content21:24
-
29Rank 6D - Display Grid 2 Justify Content11:21
Box Model
-
30Rank 7A - Display Flex16:02
-
31Rank 7B - Link Style29:36
-
32Rank 7C - Link Style Margin06:49
-
33Rank 7D - Borders20:19
-
34Rank 8A - Box Model27:44
-
35Rank 8B - CSS Positioning11:04
-
36Rank 8C - Positioning Static Relative16:01
-
37Rank 8D - Position Absolute Fixed Sticky14:24
-
38Rank 9A - Z -Index20:50
CSS Images and Animations
-
39Rank 9B - Image in CSS24:27
-
40Rank 9C - Background Image17:18
-
41Rank 9D - Image Gallery24:27
-
42Rank 10A - Transitions16:20
-
43Rank 10B - Animations14:22
-
44Rank 10C - Float Image08:17
-
45Rank 10D - Button Grow Effect12:29
-
46Rank 10E - Keyframes Animation20:58
-
47Rank 11A - Keyframes W3 Schools14:13
-
48Rank 11B - Nav Bar and Dropdown20:08
-
49Rank 11C - Flexbox Game9:17
Prerequisites
-
HTML Foundations
-
What is Prerequisite coursesA prerequisite is a specific course that you must complete before you can take another course at the next grade level.
CSS Foundations
5
1 review
Course details
Lectures
51
Assignments
1
Level
Beginner
Certificate of Achievement
Lifetime Access
Mobile, Desktop and Laptop