💡 The Concept Every CSS rule follows the same pattern. Once you know the pattern, you can write rules for anything. The Three Parts of a CSS Rule Every CSS rule is built from three parts: a selector, a property, and a value. Selector: The “selector” selects the HTML. This can be an HTML Element…

Optional Lesson. This lesson walks through the template changes for Module 3. If you are taking CSCI1450 or BUS1880, these steps are part of your lab grade. If you are a self-directed learner, follow along to build a solid reusable template for your own projects. This lesson picks up on the template work in Lessons…

💡 The Concept CSS indentation and comments keep your stylesheets readable as they grow, which makes maintenance and debugging much less frustrating. Just like HTML, well-indented CSS is much easier to read and debug. When a stylesheet grows to hundreds of lines, consistent indentation and clear comments are what keep it manageable. CSS Indentation In…

💡 The Concept CSS text properties give you fine-grained control over how text looks on a page, from size and weight to line height and alignment. Now that you know how to choose a font family and load Google Fonts, it is time to look at the properties that control everything else about how text…

💡 The Concept CSS RGBA colors build on regular RGB with one extra value — an alpha channel that controls how transparent the color is. You have learned two ways to specify color in CSS: named colors for quick experiments, and hex codes for precise control. Now it is time to look at the third…

💡 The Concept The standard approach for styling a website is to link an external CSS stylesheet to your HTML — one file that controls the look of every page. In the last lesson you learned there are three ways to add CSS to your HTML: inline, embedded, and external. External CSS is the method…

💡 The Concept When a browser loads a web page, it may find dozens of CSS rules all targeting the same element. Which one wins? That question is answered by the cascade: the system CSS uses to decide which styles get applied. Understanding the cascade is one of the most useful things you can learn,…

💡 The Concept If you are following these lesson, you’ve built your first web pages with HTML, and they work, but they look pretty academic. That’s because HTML was never meant to handle visual design. It handles structure and content. The magic of making websites look beautiful? That’s where CSS comes in. If you’ve ever…

💡 The Concept There are three ways to add CSS to an HTML page: inline, embedded, and external stylesheets. Each method has its own strengths and ideal use cases. Knowing when to use each one keeps your code clean and organized. Method 1: Inline CSS Inline CSS is the most direct way to style an…

💡 The Concept CSS colors can be written in several different formats, giving you flexibility and precision when defining color values in your code. When adding colors to a website, you will most frequently use a hexadecimal value. But CSS gives you several ways to specify color. In this lesson we will cover named colors…