Create a Set of Master Templates
As mentioned in the article block vs. inline, the default CSS of user agents may differ from browser to browser, causing inconsistencies in how a website appears in each.
Make yourself a set of external CSS layouts, i.e. masters, for basic resetting of styles like margins, padding and font sizes and for defining sets of single and multiple column grids for both flexible and static layouts.
Finally, test for browser compatibility. This will take some time, but when you’re done you’ll have bomb proof set of masters that you not only know inside out but are also going to save you loads of time.
Use the import rules to include your masters:
- @import “master.css"; or
- @import url(threecolgridframe.css);
The @import rule must be at the top of the file, i.e. before the first block, when importing into an external CSS layout, otherwise it is considered illegal and will be ignored.
Although each website that you develop may differ depending on design and custom client requirements, your masters will give you a starting point that uses naming conventions and structuring that’s familiar to you.