Understanding the Proper Way to Lay Out a Page with HTML5

January 8, 2014
By Bipin Joshi

Creating CSS for the Example Web Page

The example web page that you created in the preceding section has StyleSheet.css linked with it. This style sheet contains a few CSS rules that govern the look and feel of various semantic elements. In a more real-world situation you may create CSS classes and then attach them to the respective elements. In this example, however, styles are defined for the elements as shown below: The CSS rules defined above are quite straightforward and need no explanation. Simply add these rules to a new style sheet file and link that style sheet with the example web page you developed earlier.

References:

"Understanding the Proper Way to Lay Out a Page with HTML5." - Developer.com. N.p., n.d. Web. 10 Aug. 2014.

Go to top