02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
CoursesArchiveBooks
Get Free Access

Getting Stylish with CSS

We will take our first steps away from pure HTML and we will take a first look into CSS and how to change visual things on our web site.

Duration:

39:03

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Getting Stylish with CSS Overview

What you'll learn

In session 8 of our HTML training mom and i are going to get things more stylish as my mom more eloquently said. This week is very stylish. we will take our first steps away from pure HTML and we will take a first look into CSS and how to change visual things on our page. we will undertand the measurement types computers use (pixels) and even see the different ways to use CSS to style things. Ok let's get started. We will take our first look into DIV and SPANS and how to work with them - our first tags that don't really do anything on there own without our help.

Getting Stylish with CSS: Intro

This session is all about Style. By the end of it the scary words CSS will actually have a meaning.

03:19

Getting Stylish with CSS: The Style Tag

Until now we worked only with pure HTML in this session we will take our first step into the world of styles.

08:20

Getting Stylish with CSS: Pixels vs. Points

Picking the right color for your website and the differences between Pixels and other measurement units. With some more live Styling updates to our web page.

05:37

Inline CSS Styles

Until now all of our styling was done globally to the whole page or every single tag. In this section of our session we will look at how to add specifically to a tag some styling using the style attri

02:17

Moving CSS Styles to External Files

Learn how to export our CSS into an external file. In general it's a great idea to put your CSS in an external file so you can share it with other pages.

04:33

What is the DIV tag and how ot use it

The div tag on it's own doesn't have a meaning. All the DIV is is a grouping of a complete group of elements.

08:46

The differences between DIV and SPAN tags

The DIV and SPAN tags are very similar but they have a different meaning. While the DIV tag is used to group elements together as a whole, the span is used as a way to just mark without meaning.

04:32

One final FireBug Tip

When you install FireBug it enables you more quickly and easily to edit your CSS live on the site before you make the update directly to your site. Use it, it's fun and very useful.

01:41