Chapter 7

Next Steps with CSS

In This Chapter

arrow Formatting lists and tables

arrow Styling web pages using parent and child selectors

arrow Naming pieces of code using id and class

arrow Using the box model to position HTML elements on the page

Design is not just what it looks like and feels like. Design is how it works.

—Steve Jobs

In this chapter, you continue building on the CSS you learned in the previous chapter. So far, the CSS rules you’ve seen applied to the entire web page, but now they get more specific. You learn how to style several more HTML elements, including lists, tables, and forms, and how to select and style specific parts of a web page, such as the first paragraph in a story or the last row of a table. Finally, you learn how professional web developers use CSS and the box model to control down to the pixel the positioning of elements on the page. Understanding the box model is not necessary to build our app in Chapter 10.

Before diving in, remember the big picture: HTML puts content on the web page, and CSS further styles and positions that content. Instead of trying to memorize ...

Get Coding For Dummies now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.