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:
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 ...