CSS and HTML5 by Eli the Computer Guy

About this course

Turn plain HTML into polished, professional-looking web pages by learning how HTML5 structure and CSS styling work together. This free online course helps you build a strong foundation in front-end development, moving from the core idea of separating content from presentation to the practical skills you need to design interfaces that look consistent, readable, and engaging across screens.

You will start with the essentials of CSS syntax and understand how styles are applied and prioritized. From there, you will practice the most common ways to connect CSS to HTML and learn when each approach makes sense. As your confidence grows, you will use classes and IDs effectively to target elements with precision, a key skill for maintaining clean, scalable code on real projects.

Beyond basic styling, the course guides you through creating visually clear sections using divs, borders, and rounded corners, and it shows how to improve data presentation with table formatting. You will also explore selector techniques such as nth-of-type to style repeating elements without cluttering your markup, making your pages easier to maintain and update.

To make interfaces feel interactive, you will apply hover formatting and refine hyperlink styles to improve navigation cues and usability. You will also learn how to create attention-grabbing effects with simple CSS animations, which are especially useful for alerts and status messages where visibility matters. Visual design skills continue with techniques for overlaying text on images, working with positioning, and using opacity to balance readability with aesthetics.

By the end, you will be able to produce pages that look intentional and modern, including small UI flourishes like shapes made with CSS and practical layout behavior such as sticky positioning for headers or menus. The result is a solid starter toolkit for anyone aiming to enter web development, enhance a portfolio, or collaborate more effectively with designers and developers.