CSS Website Design Tutorial - #1 Introduction to CSS

In this, the first in a series of CSS website design tutorials, I will teach you how to setup and link an external CSS style sheet with a HTML web page. I will also teach you some basic text formatting with div classes and default HTML website design elements and tags.

Follow me:

Please don't forget to rate, comment, favourite and subscribe!

[g.dallaswood]

Ed, I have been working with the cs programs for some time, your tutorials have made this so much easer I wish I would have found you a year ago. thanks so much and please keep up the great work. Dallas

[EdzJohnson]

@francismori7 - Either has the correct effect for this example. If I was to add a border to the header then a margin would be better as it would place 20 pixels of space below the border but as there is nothing but text padding works fine too.

[wells]

Hey you rule been looking for your tutorials I have learned a lot cause you really go into details and explain perfectly so keep doing these great tutorials for us

[tamamalo]

Dubuu biraa dhisa fandii koo gadi naaf dhisa ❤❤

[michaelkarouzos]

Thanks Ed! This was a great little overview to start me out :D

[GoodrankNet]

as other said, it was a good teaching.you really explain css good

[deedeejay]

Hi Ed. I really enjoyed your thorough explanation of CSS. It took me a few weeks to really grasp it some years ago since I had to learn it on my own. How long did it take you to comprehend it? Again, great job!

[Lena-ofwd]

Thank you so much for this tutorial! One part I don't understand however, is the div tag for the header? Should this div tag always be used, and if not how does it affect the page?

[karangadgil]

Really got an idea of how html and css work together.

[cakdian]

Great tutorial Edz
permit to download this video part 1 to 4
Thank you a lot

[monaguillex]

really helpfull!! best regards from Peru!!

[eagerbeaver]

Ed, just a thought here. Stop drinking two or three pots of coffee before doing your tutorials. I'm just beginning to learn and your tutorials are so informative, but your going a bit fast bud. I know this is second hand stuff for you and maybe even some of your other students here, but I have to rewind so many times cause you wiz through it so quickly it's difficult to keep up and catch it all. Just a thought and despite my gripe thanx for the tutorials. Great stuff, just a bit quick. Maybe decaf?

[rorosamy]

@JessesPlaylist i think DreamWeaver it can help with the syntxt im using visual studio.

[TheDeathlyshots]

do you also give Javascript tutorials?

[kaptioner]

I'd hate to correct you on this but Google Chrome is not HTML's default browser, it just opens in what is your default browser. Mine is a browser that hasn't been released to the public yet as it's only in Beta. I am watching this video in Chrome, though.

[dragonnick]

@kaptioner He knows, but he stated for his computer its the default

[vlkie]

Very helpfull, but could you please zoom a bit out?

[francismori]

@EdzJohnson Indeed, but as a tutorial, it's a bad practice to only achieve the "effect" because people will go further and will whine about why it fails. Just a suggestion :)

[meorjayden]

It would have been better to use ids rather than classes. It is the correct way to use header footer and a main body part.

[Faildarkness]

But how do i change the name on my website & make it online so others can look at it?