DaBrook.org >
Web Design >
Adding External Style Sheets to Our Websites
Meta Info
- Article Title: Adding External Style Sheets to Our Websites
- Author: Zac Gordon
- Publication Date: Nov, 11 2008
- Categories: In the Classroom
- Tags: This article has not been tagged
- Section: Web Design
Adding External Style Sheets to Our Websites
In your “css-one” folder create a new file called “external-practice.html”
In your “css-one” folder create a new folder called styles.
Inside of the styles folder create a new CSS file called “external-practice.css”
Open up the external-practice.html file and add in the following:
- A matching h1 and title tag that say External Style Practice
- Two h2 tags, one that says paragraph and one that says unordered list
- Two paragraphs or Lorem Ipsum
- An unordered list with five items
Then inside of the head tag, before the title tag place the following line of code:
<link href="styles/external-practice.css" type="text/css" rel="stylesheet" media="all" />
Now you can go and add style to your external-practice.css file and it should apply to the external-practice.html file.
=
