Skip to main content
Menu
CodeBabes
  • Create new account
  • Request new password

or

  • Sign in with Twitter
  • Code
  • Babes
  • Sign Up
  • Log In

Share the Love

  • Tweet

CSS Virgin

This is the CodeBabes CSS virgin course. You need some knowledge of HTML, a computer, a text editor, and your brain. Let's get started.
At it's most basic level a webpage is made up of HTML.

HTML creates the text on the page and the basic structure of the information. But plain old HTML can get pretty boring, pretty fast. CSS gives it a makeover, so it's sexy, like me. CSS gives you more tools to focus, a users attention on part of the HTML page.
So let's talk about how it works. CSS is a very basic computer language with it's own unique syntax. CSS determines how something will look by specifying a property and a value for that property. The property and value are separated by a colon, no, not that Colin.

Ok, yeah that's better. So lets say we want to set the font-size of an HTML element. Well, first we list the property of font-size and then we give it a value, let's say 12 pixels.

Ok, but how does the HTML know what CSS is trying to say? That's where selectors come in. Selectors allow CSS to refer to a certain element of HTML. They are listed right before you specify the property and value; like this, selector—opening brace—property—value—and a closing brace.

Let’s say that text is enclosed in an H1 tag, creating an H1 element. The H1 tag can be the selector, then the CSS will affect that entire H1 element and any other H1 elements that may be on the page.

So go pass the quiz and in the next lesson I might have a little less clothing on, and I will tell you where to stick your CSS. (wink)

Questions or Comments?

Lessons

  • Where to Stick your CSS
  • CSS Properties, Sizes and Colors
  • CSS Selectors
  • CSS Box Model

Downloads

SignUp & Subscribe

What the What?

Lessons: 41

Much more to come!

50/50 Entertainment and Education. Learning doesn't have to be boring :)

Our Philosophy

Contact

  • support
  • Tweets!
  • Youtube
  • Google Plus
  • Facebook

Stuff

  • Blog
  • Sign Up
  • All Babes
  • All Courses
  • Become a CodeBabe!
  • MAKE A LESSON WITH CODEBABES!

Recent Courses

Internet Virgin
SEO Virgin
HTML Virgin
CSS Virgin
Programming Virgin with Javascript

Learn to Code with Babes

Copyright © 2025 CodeBabes.com • Made with

  • Privacy Policy
  • Terms of Use
Close Menu
  • Blog

  • All Courses
  • Android Virgin
    • Android Studio Tour
    • App Layout in Android Studio
    • Java Variables, Java Data Types & Android Views
    • Java Event Handling in Android
    • Android Intents, OOP This, Variable Scope
    • Passing the Data with Android Intents & Finish
    • Complete the Android App with Launcher Icons & APK
    • Android Happy Ending
  • Internet Intro
    • Backend Development
    • Front End Web Development
    • Programming Tools you Need
    • Hosting and Domain Names
  • HTML Virgin
    • HTML Text Tags
    • HTML Links and Images
    • HTML Layout with HTML 5
    • HTML Tables
  • CSS Virgin
    • Where to Stick your CSS
    • CSS Properties, Sizes and Colors
    • CSS Selectors
    • CSS Box Model
  • Programming Virgin
    • Variables in Programming
    • Programming Intro Conditional Statements
    • Programming Intro to Arrays
    • Programming with Loops
    • Programming with Functions
  • PHP Virgin
    • PHP Variables
    • PHP Conditionals
    • PHP Arrays
    • PHP Loops
    • PHP Functions
  • SEO Virgin
    • Make Google Love You
    • Understanding Keyword SEO
    • Optimizing for SEO
    • Technical SEO