Topics - Video Tutorials & Practice Problems

<v ->So far in this tutorial,</v> we've learned how to apply styles to elements. In less Lesson 7, we're gonna start looking at what we can do with those styles. Specifically, how color works on webpages, and how to specify sizes. Color and size are two kinds of CSS values, which can take a variety of different forms. Most CSS declarations are pretty self explanatory. Not too many people are gonna get confused by text align left, but there are quite a few that have extra complications, weird exceptions, or just odd ways of writing a value. Some values are outwardly pretty simple, but take some time to wrap your head around. So in this lesson, we'll try to describe some of the how and the why behind these styles. For instance, "Make that thing 10 pixels." Everyone understands that, right? But between desktop monitors and mobile phones with different display densities, what's a pixel? "Make it blue." Okay. But cerulean or corn flour? Also, screens only have red, green, and blue components that emit light, and so maybe your answer should describe exactly how much of each of those three colors should be combined to create the color you want. Some values are even more idiosyncratic, like, "Make this box the width that is the equivalent of 30 capital letter ends, and whatever font size the text is set to." It all might sound daunting, but the best way to learn is by doing, and we're gonna do a lot of doing in this lesson.