Chapter 4

Next Steps with CSS


check Formatting lists and tables

check Styling web pages using parent and child selectors

check Naming pieces of code using id and class

check 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.”


In this chapter, you continue building on the CSS you worked with in Book 3, Chapter 3. So far, the CSS rules you’ve seen in the previous chapter applied to the entire web page, but now they get more specific. You find out 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 read about 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 your app in Book 5.

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

Get Coding All-in-One For Dummies now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.