O'Reilly logo

HTML5 Boilerplate Web Development by Divya Manian

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating the styles

Now that we have the markup ready, let us look at how we should be styling it. HTML5 Boilerplate comes with a stylesheet that has the best default styles. If you open main.css, you will find the following section in between the Chrome Frame prompt style rules and the Helper classes section:

Creating the styles

This is where we will compose our style rules. Later on, we will look at how you can use some of the style frameworks to make writing this easier with Sass (http://sass-lang.com) or Less (http://lesscss.org/).

Without even writing a line of CSS, you will note that our page looks like the website displayed in the following screenshot:

This default ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required