Starting CSS: How to Create the Header and Style Structure


show more Starting the CSS: Creating the header and basic style structure provides you with in-depth training on Developer. Taught by Chris Coyier as part of the WordPress 3: Creating and Editing Custom Themes show less
please wait ...

Starting the CSS: Creating the header and basic style structure

So with out HTML in place, we are ready to start working with CSS in styling our page. I want to make a working copy of this, put it on our desktop, and open it up in TextMate as a project. So this is our HTML, our whole project. Here I am going to open up our index.html file. Notice this line here we are linking out to a style.css file. That's here in our project. This is what we are going to be working with. Notice there are a few lines in here already, a basic reset, we're setting the font to Georgia here and then this line here is all about those new HTML5 elements, ensuring that they are display block as they should be.

We are going to be using two other applications in this movie. One is Photoshop, we are going to have our Photoshop mockup open, as this is what we are trying to write CSS to match, this is how we want it to look, and the other is just the browser. So I'm going to have the browser open. I want to open our project here, drag the HTML file into the browser, and...

Starting the CSS: Creating the header and basic style structure
Video duration: 11m 28s 4h 28m Intermediate

Viewers:

Starting the CSS: Creating the header and basic style structure provides you with in-depth training on Developer. Taught by Chris Coyier as part of the WordPress 3: Creating and Editing Custom Themes

Subjects:
Developer Web
Software:
WordPress
Author:
please wait ...