CSS 3 for Beginners, University, GS, DAM, DAW

U1: CSS – Introduction to CSS

• CSS – Download Google Chrome
• CSS – Download Visual Studio Code
• CSS – Extensions for VSC
• CSS – Introduction to CSS
• CSS – Ways to add CSS styles
• CSS – How Cascading Works in CSS

U2: CSS – Selectors in CSS

• ID Selector in CSS
• CSS – Universal Selector in CSS
• CSS – Grouping Selectors in CSS

U3: CSS – Classes in CSS   

• CSS – Classes in CSS
• CSS – Subclasses in CSS

U4: CSS – Colors in CSS

• CSS – Colors by name in HTML
• CSS – Colors by name in CSS
• CSS – RGB and RGBA Colors
• CSS – Colors by Hexadecimal
• CSS – Colors by HSL and HSLA

U5: CSS – Borders in CSS

• CSS – Handling Borders in CSS
• CSS – Types of borders in CSS
• CSS – Rounding Edges in CSS

U6: CSS – Box model in CSS

• CSS – Introduction to Box model in CSS
• CSS – Width of elements in Box Model
• CSS – Outline in CSS
• CSS – Outline offset in CSS
• CSS – Padding in CSS
• CSS – Box sizing in CSS
• CSS – margin-width and margin-height properties in CSS
• CSS – margin-auto property (center elements)
• CSS – inherit property in CSS

U7: CSS – CSS Background Management

• CSS – Setting background colors in CSS
• CSS – Setting gradient background colors in CSS
• CSS – Set background image in CSS

U8: CSS – Text formats in CSS

• CSS – Text formats in CSS

U9: CSS – CSS Text Fonts

• CSS – Handling fonts in CSS
• CSS – Google Font in CSS

U10: CSS – Icons in CSS

• CSS – Icons in CSS
• CSS – Icons with FontAwesome in CSS

U11: CSS – Transitions in CSS

• CSS – Transitions in CSS

U12: CSS – CSS Animations

• CSS – CSS Animations

U13: CSS – Projects

• CSS – Project 1 part 1
• CSS – Project 1 part 2
• CSS – Project 2 part 1
• CSS – Project 2 part 2
• CSS – Project 2 part 3
• CSS – Project 2 part 4
• CSS – Project 2 part 5
• CSS – Project 2 part 6
• CSS – Project 2 part 7

U14: BONUS – Upload web page to the internet

• BONUS – Upload web page to the internet

U15: End of CSS Course

• End of CSS Course

Course evaluation

• This course contains a final exam

G-Tools: For Students

• Exclusive access to cutting-edge student tools: improve your employability, participate in exclusive events, take advantage of our intelligent virtual assistant, and more.

⚑ Certificate of completion

• Your personalized digital certificate, a unique badge of your achievements, with international validity, course duration and QR code for instant verification.