CSS used to style - LINK the file in the HTML file

So You Want To Learn Cascading Style Sheets.

You can start making HTML look more stylish using CSS to enhance pages appearance...

How the use of CSS enhances a HTML document.

So you have realised that HTML is the basic language, but then;
we use Cascading Style Sheets CSS to enhance and style the Elements, which are the basic building blocks of HTML

We will show you simple examples of how CSS are constructed.

Bear in mind that a block of CSS code starts with modifing the style of an html element( h1-p-div etc) or a class (.nameofclass) ie .darkred which can be applied to most elements requiring a color change. It would appear as

p {color: red; font-size: 14px;}
It means all paragraphs letters are in red.
If you only wanted chosen letters red, you would use
a class as follows
.darkred {color: darkred;}
You would then apply by choosing the element you want darkred
It can be applied to any element that can use a colour change. <p class= "darkred"> Wording goes here</p>

Wording should appear in dark red until the paragraph ends

Don't forget the aim is to give you sufficient understanding to be able to visit mainly free Tutorial Web sites and be able to assimilate more quickly courses in greater detail.

Here we go !! on to NEXT STEP

All about CSS Coding principals

The Magic and Style of CSS

Well done hopefully you have learnt enough about HTML to realise the importance of CSS.(Cascading Style Sheets)
We will show a small CSS sheet to explain that the principle of a CSS sheet is to target the HTML tags and useing the selectors to apply conditions which will then be actioned by the HTML file.
We point the reference to the CSS files location, in the HTML file as follows : <link rel="stylesheet" href="css/style.css"> in the head section

CSS Coding example

In CSS the brackets used to contain the code are known as curley brackets
Opening bracket,   {    }   closing bracket.
An entry is formed by placing the Selectors before the opening bracket, and between the brackets placing properties  : and values  ; Example below

body
{ background-color: yellow;
color: black ;        */ property and value/*
margin:0; padding:0; font-size:  14pt;  
    } */The propeties has a :colon after it, and   a ;  after the value/*

h1
{ color:   blue   ;        */ property and value/*
font-size:    25pt  ;  
} */The propeties has a :colon after it, and   a ;   after the value/*


You can put as many properties and values, as long as each new selector entry is contained within its own"Curly Brackets"
When you have verified the correctness of the file, save it as a text file with the extention of   style.css, The style sheet can be called any name as long as it is referenced in the HTML file

REMINDER place location of STYLE.css file in head section of the html file, as follows;
<link rel="stylesheet" href="style.css">