XHTML and CSS - Relative Positioning
24/02/2015

Relative Positioning
In this tutorial we're going to be looking at relative positioning, relative positioning is a bit like absolute positioning but also very different to absolute positioning, you'll see why by the end of this tutorial. First let's create 4 paragraphs and give the third paragraph down a class of third. <html> <head> <title> ...

Read more

XHTML and CSS - Absolute Positioning
24/02/2015

Absolute Positioning
In this tutorial we're going to be looking at absolute positioning in CSS. Before we was making webpages and we added a image, header and some paragraphs everything appeared after one and other, it flowed together in a nice order, your image knew not to appear on top of your text etc. While this is good, it didn't give you that much control over your webpage, w...

Read more

XHTML and CSS - Max Width & Height
24/02/2015

Max Width & Height
In this tutorial we're going to be looking at width and height in css. The first thing we want to do is add in two divs with the classes divOne and divTwo. <html> <head> <title> This is the title. </title> <style type="text/css"> </style> </head> <body> ...

Read more

XHTML and CSS - External Style Sheets
23/02/2015

External Style Sheets
In this tutorial we are going to be looking at external style sheets, this is extremely useful because you can have one style sheet that you use across your whole website no matter how many pages you have. You might think why is this easier, one example would be that you have blue links on every page, say you wanted to change them to white, you would only ha...

Read more

XHTML and CSS - Pseudo Elements
23/02/2015

Pseudo Elements
In this tutorial we're going to be looking at pseudo elements, pseudo elements are basically just pieces of other elements. A example of a pseudo element could be the first line of that paragraph or if you had a header it could be the first letter of that header. Let's make 3 paragraphs and style the first letter of each paragraph using pseudo elements, first we ne...

Read more

Page generated in 0.0076 seconds.