From the course: EPUB: CSS
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Solution: Styling a list
- So, how did you get on with the task? Well, shall we have a look at how I might have approached this. To begin with the content is all inside of a div called listbox. So we could do that with one simple descendant selector. In fact we go for the id selector just here and then we just change that to font-family:sans-serif. Like so. Then all of that will change anyway because they'll inherit the properties of the parent. Okay, then we wanted to choose a list style for the unordered list. Well that was entirely up to you really how you wanted to do that. But again, I'd make that descendant on their because we've got other lists on the page so I'd use listbox and ul, just there. Let's target the unordered list. And then I'd do list styletype just there and I think I'll choose a circle for this. If you went ahead and used the image then extra points and go to the top of the class just then. Which you could have done because it was included in the file just here. So once we've done that…
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
-
-
-
-
-
-
Styling lists6m 23s
-
Challenge: Styling a list54s
-
Solution: Styling a list2m 24s
-
Writing smarter rules5m 30s
-
Understanding the concept of positioning2m 26s
-
Positioning: Relative4m 14s
-
Positioning: Absolute and fixed2m 58s
-
Positioning: Float4m 41s
-
Clearing floats2m 14s
-
Working with some clever CSS selectors2m 55s
-
Incorporating page breaks4m 51s
-
Figuring out CSS support levels on specific devices1m
-
Challenge: Funky floats57s
-
Solution: Funky floats2m 29s
-
-