Learn CSS: The Basics

Learn CSS: The BasicsCSS is all about making your html pretty!  everything from the formatting, the colors, the fonts, and more.  There are two places you can store your css.  One option is inside of your html document, before the body tag.  The second option is a document all of its own.  The second way needs some explaining behind that before going on to more coding.

Creating a document of all css is really only necessary when wanting to use that stylesheet on multiple html documents.  That css stylesheet will need to be referenced at the beginning of every html document you want that style to effect.  The code in a html document to reference a css document is:

<!DOCTYPE html>
<html>

<head>
<link rel=”stylesheet” type=”text/css” href=”theme.css”>
</head>

<body>

All of the tags you see in the list above should look familiar to you.  If not, read my html post to refresh your memory.

If you would like to keep the stylesheet to that html document only, then you can list the css attributes at the top of the html coding within the “style” tag:

<!DOCTYPE html>
<html>

<style>
</style>

<body>

There is a third option that has style attributes but are not confined to a css stylesheet.  I am referring to as inline style attribute.  I will show an example that you should all recognize from the html basics post, the body tag.

<body style=”color: blue; margin-left: 30 px;”>

I think explaining these style attributes should be saved for a later post, don’t you?  The last thing I want to do is overwhelm or confuse my readers.  Please let me know in the comments how the pace of this feels.  Thanks for stopping by and staying a while!  Be sure to say Hi to me as well on my Instagram @corrineelizabeth_3 and let me know what content you would like to see here.

Follow my blog with Bloglovin

One thought on “Learn CSS: The Basics

Leave a Reply

Your email address will not be published. Required fields are marked *