Web Development from Scratch: External Stylesheets
basix

Web Development from Scratch: External Stylesheets

on Apr 15th 2011 with 22 comments
Tutorial Details
  • Difficulty: Beginner
  • Format: Video
This entry is part 6 of 15 in the Web Development from Scratch Session
« PreviousNext »

In this lesson, we’ll review the process of creating and linking to external CSS stylesheets. We’ll discuss why this is preferable to using inline styling.

Subscribe to our YouTube and Blip.tv channels to watch more screencasts.

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm the editor of Nettuts+, and love making the process of building for the web as easy as possible. Also, I'm finishing up my latest book on Laravel Testing! If you want be friends, say hi on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • Nick

    Wow! jeffrey, many many thanks for this great series. A couple of days ago I started researching what I might need to learn web design and developement. And this is exactly it. A couple of days ago I didn’t have a clue, but your very clear and basic teaching is exactly what I need. You are a very good at teaching, after watching your lessons coding doesn’t quite seem so scary!

    Thanks again I am looking forward to learning more.

  • Potado

    Thanks for uploading this to youtube. The normal player is very buggy for me.

  • Ace

    Awesome session, keep it coming! :)
    I love your way of teaching!

    Love the video, much better than simple text!

  • Yuri

    GREAT!)

  • http://www.kotaku.com kelvos

    Thanks Jeffrey !!!!!!!

    You are the master of your craft sir!!!!!!!!

  • GeoffW

    Nice work Jeffrey. Great introduction in an easy to understand format, and extremely well delivered.

    Thanks!

  • DG

    Great tutorials, really helpful and simple to understand.

    One thing though, if you could zoom in every now and then on the CSS page as i cannot see what your typing out in there from the normal distance.

    Thanks!

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Are you viewing at full screen?

  • All

    i can’t link my Css to my Html i use note pad ++ and i tried to open my html with chrome, firefox and IE.
    both files are in the same folder.
    this is my Html

    TestTry1

    hallo
    Hallo
    Du text En exemple

    and this is my css

    h1{
    color: red;
    font-size: 50px;
    margin: auto;
    }

    can any one help me?

    • all

      //

      //
      //
      // TestTry1
      //
      //
      //

      //
      // hallo
      // Hallo
      // Du text En exemple
      //
      //

  • http://www.behance.net/josephnicklo josephnicklo

    Thanks so much for this series! It’s helped a lot so far. Anxiously awaiting the next session!

  • Becky

    Is it just me or does the element article not work in notepad++ ?

    • Avery

      Hey Becky,

      I’m using Notepad++ on Windows XP and the CSS wasn’t being fully applied to the article element. I tried using the div element and the accompanying CSS and that worked fine. Must just be a bug, just thought i’d let you know you’re not the only one having the issue.

  • http://inphocusmedia.com inPhocus Media

    Keep it up, with this series I am starting to wonder why anyone would go to school when you have provided more knowledge in these videos than most books that I have read on html/css

  • http://www.rashanoureldin.com Rasha

    Hi , I think you need to zoom your screen or record on full screen , because i can’t see well what are you doing :)
    thanks

  • Mikalai

    I wonder is there a windows html/css editor with Espresso’s “Live Preview” feature shown in this video?

    • http://www.iamseventh.com iamseventh

      I’d definitely love to see Expresso’s Live Preview in Windows OS :)

  • Tugce

    You are amazing!

  • http://www.giganticwebmaster.com/ JanDirk

    SOOO AWESOME HELP. I love these HTML and CSS tutorials. Can’t wait to study this for a 3rd time :D

    Thanks a thousand Jeffrey Way!

  • sumit

    Can’t get any better professional assistance elsewhere. Jeff is the best!!

  • Nik

    I’m pulling my hair out trying to link the div or article elements through E-TextEditor. It works fine for h1, but that’s it. Am I missing something? Soooooo frustrating

  • Eugene

    Hi everyone,

    Firstly a big thank you to JW for the ‘from Scratch’ lessons, they are awesome.

    I noticed though that you make reference to w3schools.com with regards of what certain tags mean.
    I used to visit that site on a regular basis until I found out that in NO way is related to the mighty w3.org.
    Further more I read the article on w3fools.com that is discouraging anyone from using that source as it might be misleading.

    Your call guys.

    Ciao