O'Reilly logo

OpenLayers 2.10 by Erik Hazzard

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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' ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required