Web Development from Scratch: External Stylesheets
basix

Web Development from Scratch: External Stylesheets

on Apr 15th 2011 with 21 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 help out on the Envato marketplaces.. I also (very infrequently) blog on my personal site. Feel free to check that out as well...if you're bored. Follow us on Twitter, and subscribe to the official Nettuts+ YouTube page if you want to live.  

Plus Premium
 
 
Add Comment

Discussion 21 Comments

  1. Nick says:
    May 17, 2011 at 11:43 pm

    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.

    Reply
  2. Potado says:
    May 18, 2011 at 6:22 pm

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

    Reply
  3. Ace says:
    May 19, 2011 at 4:06 am

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

    Love the video, much better than simple text!

    Reply
  4. Yuri says:
    May 19, 2011 at 8:14 am

    GREAT!)

    Reply
  5. kelvos says:
    May 19, 2011 at 12:42 pm

    Thanks Jeffrey !!!!!!!

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

    Reply
  6. GeoffW says:
    May 20, 2011 at 6:18 am

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

    Thanks!

    Reply
  7. DG says:
    May 23, 2011 at 7:33 am

    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!

    Reply
  8. All says:
    May 29, 2011 at 11:08 am

    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?

    Reply
  9. josephnicklo says:
    May 31, 2011 at 6:34 pm

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

    Reply
  10. Becky says:
    June 1, 2011 at 4:11 pm

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

    Reply
    • Avery says:
      November 10, 2011 at 2:05 pm

      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.

      Reply
  11. inPhocus Media says:
    June 18, 2011 at 1:37 pm

    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

    Reply
  12. Rasha says:
    July 3, 2011 at 1:40 pm

    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

    Reply
  13. Mikalai says:
    July 5, 2011 at 8:16 am

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

    Reply
  14. Tugce says:
    July 20, 2011 at 11:25 pm

    You are amazing!

    Reply
  15. JanDirk says:
    October 20, 2011 at 5:14 am

    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!

    Reply
  16. sumit says:
    December 12, 2011 at 2:45 am

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

    Reply
  17. Nik says:
    February 27, 2012 at 6:24 pm

    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

    Reply

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.