Introduction To CSS

Transcript

In HTML 1 of web development, I walked you through a web page I made using only HTML. Let's be honest, it was kind of ugly.  

But that's okay. html wasn't created to style things. It's for organizing your content and building structure. 

Remember, HTML is like the frame of a house. In this chapter, you'll learn how to use a second web development language called CSS to style your page. CSS is like the colors and decorations of a house. 

Watch what happens when I remove the CSS files from some really cool looking websites. See, they start to look a lot like the basic HTML pages we made. 

This should be pretty encouraging.

We're one step closer to making incredible websites. But like I said, in our first lesson, becoming a web developer takes time, patience, and hard work. 

You probably noticed that HTML tags have their own styles, even when you didn't code any CSS. This is because browsers give default CSS to HTML tags. 

The default style for headings was big and dark. Text and anchors showed up blue and underlined. And certain tags seem to have space between them when they rendered in the browser. These default styles are actually pretty boring. But in this course, I'll show you how to give your tags their own unique styles.  I'll guide you through my new and improved pet adoption page as an example, let's check it out real quick. 

I've changed the color of the text, the color behind the text. My links aren't blue or underlined anymore. Instead, they're green.  The size of my font is bigger. 

My images have colored edges. Some of my text lines up in the center of the page instead of on the left. And I've also changed the amount of space between sections of my content. It's starting to look much better. 

Now that you know what's ahead. Get ready to dive into CSS so that you can add some styles to your own project.

Are you ready/ Well lets move on to the next lesson!