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.
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.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 anhtml
tag and ahead
tag, which contains some meta information (such as atitle
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>
Now, we'll need to create a
body
tag which will contain our page's actual content. We'll also put in somediv
tags, which act...