Book Image

OpenLayers 2.10 Beginner's Guide

Book Image

OpenLayers 2.10 Beginner's Guide

Overview of this book

Table of Contents (18 chapters)
OpenLayers 2.10
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Time for Action – using external CSS files


Let's create a simple page using an external CSS style sheet file (a .css file), making use of IDs and classes.

  1. Create a new, empty HTML file. We'll just make a basic HTML5 page with a few <div> tags to demonstrate CSS inheritance. We'll also include a <link> tag that will reference a CSS file created in the next step, which contains all our CSS code.

  2. First, we'll need to start the HTML page with a DOCTYPE tag that tells browsers this is an HTML5 standard page. Then, we'll need an html tag and a head tag, which contains some meta information (such as a title tag), and our JavaScript and CSS file links.

    <!DOCTYPE html> 
    <html lang='en'> 
    <head> 
        <meta charset='utf-8' /> 
        <link rel='stylesheet' href='ex1_style.css' /> 
        <title>Ugly_Webpage_01</title> 
    </head>
  3. Now, we'll need to create a body tag which will contain our page's actual content. We'll also put in some div tags, which act...