Class 2 handout (1) adding a css stylesheet
•
0 likes•596 views
This document provides instructions for adding a CSS page to an HTML project in Aptana. It describes creating a new blank CSS file named "style.css", saving it in the same project folder as the HTML file, and linking to it from the HTML <head> using a <link> tag with the href attribute set to "style.css". It then mentions adding a body element selector to style.css to change the background color as a test.
Report
Share
Class 2 handout (1) adding a css stylesheet
- 1. Intro to HTML/CSS Class 2 Handout: Adding a CSS Page ● Now that we have our HTML page, we need to add a CSS page. ○ Click File->New from Template->CSS->Blank File ● Click File->Save As and save the file in a Project 1
- 2. ● Choose the project that you just created, and save the file as “style.css” and click Ok. ● You should now have two files open in Aptana: index.html and style.css. ● In the <head> of index.html, add a link element ○ <link rel="stylesheet" href="style.css"> 2
- 3. ● We are going to add a body element selector to our style.css page, and change the background color. ● Now we can make sure that both index.html and style.css are saved, and we can click the “Preview” icon to make sure our CSS and HTML page are linked correctly. 3