CSS+Note

What is CSS?
Simply stated, CSS tells browsers how to display the html code (content) you create. HTML was never designed to be a formatting (presentation) tool, but in the early days it was all we had to work with...so style information was included in HTML. Designers were not happy, because it required too much time and work to add style information with every piece of HTML code they created. Thankfully, W3C (World Wide Web Consortium) created CSS - Cascading Style Sheets . This design tool separates the CONTENT from the PRESENTATION. CSS can be done three ways: inline, internal, and external.

Step 1- Let's get started learning CSS

Before you create your own CSS to go with your HTML documents, you should understand a bit more about what CSS is and how it works. There is a great tutorial that shows the basics very clearly! The tutorial has many parts...and that would be too much now. We will just work with the first section, and then you can go back to learn more AFTER you finish the beginning work with HTML & CSS.

CSS Basic includes these sections:

Simply navigate your browser to [|W3Schools.com] and go through 'CSS Basic' (the menu is on the left side). When you finish, return here and go on to Step 2.
 * CSS Introduction
 * CSS Syntax
 * CSS Id & Class
 * CSS How To

Step 2- Let's create some CSS to style an HTML document.

Step 3: Upload your files
 * Create a new subfolder titled "css_one"
 * Open notepad and open a new doument.
 * <span style="font-family: 'Arial Black',Gadget,sans-serif; font-size: 150%;">Navigate your browser to W3.org's 1st CSS Tutotial
 * <span style="font-family: 'Arial Black',Gadget,sans-serif; font-size: 150%;">Follow the steps of the tutorial to complete your first project using HTML and CSS.
 * <span style="font-family: 'Arial Black',Gadget,sans-serif; font-size: 150%;">Be sure to put all documents for this lesson in the 'css_one' folder

<span style="font-family: 'Arial Black',Gadget,sans-serif; font-size: 150%;">When you are finished, upload your files - “mypage.html” and "mystyle.css" to your website. Remember that you will need to create a new subfolder, 'css_one', before you upload.

<span style="font-family: 'Arial Black',Gadget,sans-serif; font-size: 150%;">Step 4: Add a link to your "mypage.html".

<span style="font-family: 'Arial Black',Gadget,sans-serif; font-size: 150%;">Following the pattern you learned in the HTML lessons, add a link to your 'mypage.html on your index.html and re-upload your modified index.html to the server. Be sure to test your links to make sure everything works properly and it looks like it should.