The Style class is used to specify the styles a vector layer should use. As mentioned a couple of times before, it's quite similar in principle to how we use CSS to style our controls. The difference is that with the vector layer we are directly embedding the style in the JavaScript code itself, using an anonymous object which is referred to as a symbolizer.

To create a Style object, we just pass in a symbolizer (an anonymous object) that defines the layer's style. As in the previous example:

var vector_style = new OpenLayers.Style({ 
    'fillColor': '#669933', 
    'fillOpacity': .8, 
    'strokeColor': '#aaee77', 
    'strokeWidth': 3, 
    'pointRadius': 8 
});

That's essentially all there is to...