2000 Affordable Web Site Templates, Like This at Webmasters Profit Pak
Using Web Templates for Web Design: Tips and Best Practices--Style Sheets
Grouping Rules and Selectors
CSS was designed to be a concise style language, so there are many ways to
keep the size of your style sheets down. Also, short style sheets will load
more quickly than lengthy ones. One way to keep the style sheet "lean and mean"
is to use a single statement to apply several stylistic options to a single
element (see example below).
Multiple statements (declarations) for a single element (tag):
H1 { color: red; }
H1 { font-size: 1.75em; }
H1 { font-family: arial, helvetica, sans-serif; }
H1 { background: white; }
Can be reduced to a single statement with multiple declarations:
H1 { color: red; font-size: 1.75em;
font-family: arial, helvetica, sans-serif; background: white; }
It is also possible to apply the same style declaration(s) to several elements at the same time (see example below).
Multiple identical style statements for multiple elements:
H1 { color: red; font-family: arial, helvetica, sans-serif;
background: white; }
H2 { color: red; font-family: arial, helvetica, sans-serif;
background: white; }
H3 { color: red; font-family: arial, helvetica, sans-serif;
background: white; }
H4 { color: red; font-family: arial, helvetica, sans-serif;
background: white; }
Can be reduced to a single statement:
H1, H2, H3, H4 { color: red; font-family: arial, helvetica, sans-serif;
background: white; }
2000 Web Site Templates Like this at Webmasters Profit Pak |
