
This is an introduction to what you can expect in the Core CSS Mastery course.
Please note that the course materials are available via github at https://github.com/z3nsh3ll/Core-CSS-Mastery.
Learn how CSS selectors target elements using element, class, and id selectors, with practical examples of div and paragraphs, plus advanced selectors, attribute selectors, and the hover pseudo-class.
Explore external, internal, and inline CSS, comparing how each method styles HTML and affects maintainability, separation of concerns, and theme-wide updates.
Learn to style anchor tags using CSS pseudo-classes: link, visited, hover, focus, and active, override browser defaults with colors and outlines, and master their ordering for accessible navigation.
discover the CSS box model, including content, padding, border, and margin, and compare block, inline, and inline-block behavior, then explore outer and inner display with flex and grid.
Explore how the CSS overflow property manages content within a fixed container, using min-height, max-height, and values like visible, hidden, scroll, and auto for vertical scrolling and overflow-x/y.
Learn to design backgrounds with color, images, and linear gradients using CSS properties like background-size, background-repeat, background-position, and background-attachment fixed.
Explore how to use CSS floats to wrap text around images, experimenting with left and right floats, clear, and the transition between block and inline behavior.
Master responsive design by using media queries to adapt grid layouts and navigation for narrow viewports, including implementing a mobile hamburger menu.
Explore creating an 8x8 chessboard with CSS grid by styling 64 squares, using nth-child to alternate colors on odd and even rows, starting with a white top-left.
Explore CSS variables, aka custom properties, and use the root pseudo class and var() and calc() to theme a page and adapt container sizes responsively.
Go zero to hero with this complete CSS Masterclass teaching all the important CSS skills for a web developer.
We'll assume no previous knowledge aside from a very basic understanding of html. This course is ideal for beginners looking to learn CSS but also for web developers looking to revisit the basics.
Ever wondered why an element doesn't appear where you think it's supposed to? Don't worry, we've got you covered!
We cover all of the highest frequency properties and values as well as tackling more advanced CSS concepts such as CSS position, grid, flexbox and animations.
We cover topics such as the following -
- Should you use a CSS framework?
- What is the difference between a framework and a preprocessor?
- Is learning vanilla CSS still important?
- All of the most important CSS rules for web developers
- Challenges to test your understanding along the way
- Writing maintainable CSS code
- Centering elements vertically and horizontally
- The difference between block, inline-block and inline elements
- CSS Cascade, Specificity and Inheritance
- Layouts with CSS Grid and CSS Flexbox
- Animations
- Many more topics!
Unlike other CSS courses that simply provide an introduction to CSS, this is a complete course teaching all the necessary core skills with over 7 hours of thorough and engaging content! You'll know more CSS than the average web developer after watching this course.
Don't miss out on this chance to learn CSS with Adam "z3nsh3ll" Jones, a professional and experienced teacher from the UK.