From the course: CSS Essential Training
Unlock the full course today
Join today to access over 23,200 courses taught by industry experts.
The color property and values - CSS Tutorial
From the course: CSS Essential Training
The color property and values
- [Instructor] Let's talk about the color property which is used to change an element's text color and decoration which are styles applied to the text like an underline or strikethrough. The color property is used with different color values. There's one type we've seen already, keywords. These are predefined values that represent specific colors including basic themes like red, blue, green and black but there are other keywords that may not immediately come to mind. Such as mediumseagreen or oldlace. So how do we know which keywords are valid? Well we can check the documentation. Here's the full list of the MDN web docs. There are also other reference guides, here's one of my favorites. Colours, with a U, .neilorangepeel.com. It's the same keyword list as the MDN docs but I like that I can view the options by color groups. Plus it lists other types of color values, the RGB, HEX value and functional values that correspond…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
CSS specifications and the W3C3m 12s
-
(Locked)
CSS syntax and terminology4m 2s
-
(Locked)
CSS values and units3m 33s
-
(Locked)
The color property and values4m 31s
-
(Locked)
Creating a color palette1m 52s
-
(Locked)
Type and universal selectors3m 16s
-
(Locked)
ID selectors2m 34s
-
(Locked)
Class selectors3m 17s
-
(Locked)
Descendant combinators and selector lists2m 56s
-
(Locked)
The background property4m 39s
-
(Locked)
Project: Prepping the CSS file4m 5s
-
(Locked)
Project: Adding background styles7m 39s
-
(Locked)
Pseudo-classes and pseudo-elements4m 30s
-
(Locked)
Inheritance and the cascade2m 20s
-
(Locked)
Specificity3m 45s
-
(Locked)
Project: Styling links5m 23s
-
-
-
-
-
-
-