StudioWeb | Course Overview

CSS, which stands for Cascading Style Sheets, is the computer language used to style web pages. Having a basic understanding of CSS is fundamental for any web designer or web programmer!

CSS3 PRO is our new CSS3 course specially designed for students totally new to CSS3. You will quickly feel confident with CSS3 code, and you will be building real websites and web GUIs in no time! Released: December 2021.

Learning CSS3 is the foundation to professional web design, web development, WordPress professional, PWA developer for mobile development … and more. CSS3 is a key part of the webstack, and the easiest way to get a high paying job, or start a successful freelance business, is with the webstack.

Course Modules

Module 1 (ch1 and 2): The basics of CSS3. You will quickly learn how CSS3 code is written, and more importantly, the concepts behind the code.

Module 2 (ch3, 4 and 5): Now that you know the basics, we can dive deep into practical and powerful CSS3 where you learn to style your pages with Google fonts, add background images, make this disappear and reappear on the page, learn about the browser developer tools, learn the CSS box model … and easily master it.

Module 3 (ch6+): Jump deep into CSS3, build sophisticated professional level layouts that are responsive (tablet, smartphone and laptop ready,) use CSS to scan browser attributes to automatically change the way the page flows, build fixed and fluid pages … and so much more.

Introduction

Build the Tiger Shark Website with CSS3

Introduction to Media Queries

Introduction to pseudo classes

Start Learning Today!

Add to cart

Course Table of Contents

Course Table of Contents
- Introduction Free Preview
- CSS tag selectors - part 1 Free Preview
- CSS tag selectors - part 2 Free Preview
- CSS tag selectors - part 3
- CSS tag selectors - part 4
- CSS class selectors
- CSS ID selectors
- CSS cascade intro
- Don't repeat code
- CSS layout types - part 1
- CSS layout types - part 2
- CSS layout types - part 3
- CSS selectors - a refresher
- Chapter 2: CSS Styling Basics
- Page template & browser tools
- Page template & external CSS
- Page template & cleaner code
- The nav tag & semantic meaning
- CSS color - part 1
- CSS color - part 2
- CSS color - part 3
- CSS color - part 4
- CSS color - part 5
- Styling text
- Styling text - font weight - part 1
- Styling text - complex selectors
- Styling text - font weight - part 2
- Font families - part 1
- Font families - part 2
- Font size - part 1
- Font size - part 2
- Font size - part 3
- Parent / Child - part 1
- Parent / Child - part 2
- Parent / Child - part 3
- Chapter 3: Diving deeper into CSS
- Web safe fonts refresher
- Google fonts - part 1
- Google fonts - part 2
- Google fonts - part 3
- Browser developer tools review
- Background colors - part 1
- Background colors - part 2
- Cascade in CSS
- Background images
- Background images - cover
- 3 ways to insert CSS
- Chapter 4: The Box Model
- Box model - introduction
- Box model - margin and layouts
- Box model borders - part 1
- Box model borders - part 2
- Box model - more margins
- Box model - shorthand
- Box model - calculate width
- Box model - centering in CSS
- Color and background images
- Height property
- Opacity
- Chapter 5: Styling Links and List
- Intro pseudo classes - part 1
- Intro pseudo classes - part 2
- Intro pseudo classes - part 3
- Specificity refresher
- Creating buttons - part 1
- Creating buttons - part 2
- Creating buttons - part 3
- Styling list with images
- Block level tags
- CSS list styles
- CSS navbars
- Chapter 6: Display and Position
- Fixed vs fluid - part 1
- Fixed vs fluid - part 2
- Height and overflow
- Block vs inline refresher
- Visibility & floats - part 1
- Visibility & floats - part 2
- Position fixed
- Position relative
- Position absolute
- Chapter 7: Mini Projects
- The 'main' tag fix
- Top nav - part 1
- Top nav - part 2
- Style table - part 1
- Style table - part 2
- Style table - part 3
- Style table - part 4
- Chapter 8: Media Queries
- Media queries - part 1
- Media queries - part 2
- Media queries - part 3
- Media queries - part 4
- Chapter 9: CSS Layouts
- Simple layout - part 1
- Simple layout - part 2
- Simple layout - part 3
- Fixed / liquid layout - part 1
- Fixed / liquid layout - part 2
- Fixed / liquid layout - part 3
- Fixed / liquid layout - part 4
- Shark page - part 1
- Shark page - part 2
- Shark page - part 3
- Shark page - part 4
- Chapter 10: CSS3 Tools
- CSS3 Grid
- CSS3 Flexbox
- Intro to BootStrap
- CSS3 BootStrap Overview
- Misc CSS3 (what is SASS and Tailwind?)
- The Key CSS3 Principles - must learn!
- CSS3 Jobs - understanding how CSS3 is in the job world.

Start learning today for only $29.99!

Add to cart

You might also be interested in...

Additional career-building courses in HTML5, CSS3, JavaScript, PHP7, Wordpress, Python 3 and more!

HTML5 PRO

An easy and fun introduction to HTML5 code and the foundations of web design. Beginners HTML is designed with classroom teaching mind

Learn More Add to cart $29.99

Javascript Foundations

Javascript is the programming language built into every web browser - Chrome, Firefox, Safari, and all the others. JavaScript also happens to be the most popular programming language used today.

Learn More Add to cart $29.99