Join James Williamson for an in-depth discussion in this video Working with color, part of CSS Fundamentals.
- View Offline
- [Voiceover] Whenever I'm learning a new language…or new forms of syntax,…there always seems to be something…that everyone just takes for granted…that you already know.…In the years that I've spent teaching CSS,…it seems like no one ever really concentrates…on how color works and how the syntax…is used to define it.…There are three primary properties…that you'll use when defining color in CSS.…Two of them, border-color and background-color,…we've already discussed.…The third property is the color property,…and it's used to define the color…for the content of an element.…
Many people often refer to this as foreground color,…and in terms of elements like paragraphs,…headings, and lists, it refers to the color of the text.…Whether you're defining color on borders,…backgrounds, or element content,…you have a number of options…in terms of how you want to define the color.…First, you can choose from one…of more than 150 color keywords…supported by CSS.…In older versions of CSS,…you were limited to these 16 color keywords.…
CSS Fundamentals covers the basic concepts, terminology, and techniques you need to read and write CSS. It's for people who want a big-picture overview before taking hands-on courses. Author James Williamson explains how CSS affects text, borders, backgrounds, and images; how CSS works with HTML; and how the W3C's evolving CSS specification impacts designers. He also reviews some of the most popular CSS editors and frameworks and lists online tools and resources for further study.
- What is CSS?
- Basic selector types
- Using CSS with HTML
- How browsers render CSS differently
- Exploring CSS specifications
- Checking browser support
- Working with fonts
- Understanding the box model
- Adjusting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids