Intro to Styling a Website with CSS (Shopping Deals Card) - Software School (2024-06-12)

In this lecture we learn about Cascading Style Sheets (CSS). They are used to style HTML documents.
We learn about targeting HTML elements for styling using a CSS selector. We learn we can use the element name to select all elements with that name and apply CSS styles.
You can also target a specific element by its id attribute that is unique. No other element can have the same id.
You also learn to target specific elements using the class attribute.
The lecture goes on to show basic CSS properties such as to change text color and background color.
You learn how to find out about new CSS properties using either a web search or leveraging the Developer Tools (DevTools). You could also ask an AI chat bot. You also learn to reference documentation online, in particular from the Mozilla Developer Network (MDN).
You learn how to open the DevTools to debug and polish the website design in real-time.
The lecture goes on to teach you how to approach taking a design and implementing that with HTML and CSS. First you lay out the structure with HTML div and span elements. Then, you start styling, assigning class names to the elements, and defining the styles for those CSS classes.
Source Code: github.com/nbktechworld/intro...