What is CSS ?
CSS is the website code that makes your website look good.
While HTML is the stuture to the site, CSS is what gives your site style.
As with HTML, you don't have to learn CSS to be an internet marketer, but I highly recommend that you do learn it because a lot of your competition will know it and you will never really understand how websites work without learning the code behind them.
CSS is really very simple, but you will have to put in some time with it to learn it. It will look very confusing at first and you will find that if you do decide to dig in and learn it it will be easier to learn than you though it would be when you first looked at it and you will be glad you learned it.
Easy Starter CSS Templetes
The easy starter css templates are excellent templates to use and a great way to learn css.
Why CSS was Developed
CSS solved a problem because HTML was never meant to contain tags for formatting a document.
HTML was intended to define the content of a document.
When styling tags like font, and color attributes were added to the HTML, it made it hard for web developers because font and color information had to be added to every single page, which made sites to big and cost more.
CSS was developed to save a work because external style sheets enable site coders to change the appearance and layout of all the pages in a Web site, by just by editing one single file.
Below is the basic syntax of CSS.
To be honest I think the wording they use for the syntax is confusing and could have been made a lot simpler to learn but as you learn CSS you will learn the syntax as well and it really is not a problem in the long run.
Just as you would not expect to take a foreign language class for an hour and at the end of the class know that languge the same goes for CSS, so just know that after a while you will understand CSS if you are willing to put in the time needed to learn it.
The main way to use CSS is to link a HTML file with a CSS file as shown with the red arrows pointing at each file below.
<link href="style.css"> means the HTML file is linking to the .css file.
<rel="stylesheet"> means the relationship is to a style sheet.
<type="text/css> means the type of file being linked to is a CSS text file.
The code to link the HTML file to the CSS filegoes in the <head></head> of the HTML file.
How to Write a CSS Rule
The selector goes before the first curly brace.
Inside the curly braces is the property, and the value, which makes a declaration, which makes a CSS rule.
The property is ended by a colon.
The declaration is ended with a semi colon.
p{color:red;}
You can put multiple declarations in a CSS rule as shown below.
p{color:red; font-family:"Times New Roman"; font-size:20px;}
The above CSS rule can also be seperated, as shown below, to make it easier to read.
p
{
color:red;
font-family:"Times New Roman";
font-size:20px;
}