HTML and CSS Reference
In-Depth Information
The game view
We have roads, trees, fences, water, caves, houses and so on.
Back to our HTML. You'll find an element for each of these items, with the relevant class and
ID. Which brings us to the CSS.
The CSS
First of all, note that I prepared the HTML to follow the principles of
object-oriented CSS
by
4
determining global classes for styling, and not using IDs as styling hooks. For example, I used
the class
.road
on each element that should look like a road. The CSS for the
.road
class
would be:
.road
{
position
:
absolute
;
background
:
url(images/road.png)
repeat
;
}
Take trees as another example:
