HTML and CSS Reference
In-Depth Information
}
h1 {
/* Font */
font-size: 2em;
font-weight: bold;
/* Color */
color: #c00;
background: #fff;
/* Box model */
padding: 10px;
margin-bottom: 1em;
}
Please note that the comments above are not intended to go into your CSS
file, but are just to illustrate my point in the article.
Ordering CSS Files
Ordering CSS files is always tricky, and there is no right or wrong way. A
good idea, though, is to section the code into defined groups, with
headings, as well as a table of contents at the top of the file. Something like
this:
/*------------------------------------*\
CONTENTS
\*------------------------------------*/
/*
MAIN
TYPE
IMAGES
TABLES
MISC
RESPONSIVE
*/
/*------------------------------------*\
