Universal Class: Over 500 Online Certificate Courses

Online Class: Introduction to CSS

Learn HTML Picture
no certificate
- OR -
with CEU Certificate*
Start Right Now!
Taking multiple courses? Save with our platinum program.

Course Description

Ever wonder how the latest website designs are made? Cascading Style Sheets (CSS) are the main coding files used to lay out a website and its design. CSS3 is the latest in styling standards, and it brings several new properties and declarations you can use to make your website design more easily created. CSS is currently the only standard in website design that plugs directly into your HTML, even the latest HTML5 standards. With CSS3 and HTML5, you can create the latest interactive pages for your website viewers. 

This course shows you how to design web pages and create CSS classes from a beginner's level to a more intermediate level. It starts off with basic HTML declarations, properties, values and how to include a CSS style sheet with your HTML code. For those of you who are new to CSS and HTML, we show you step-by-step how to create a CSS file and include it in your HTML code, even if you use a cloud server for your hosting.

We show you how to position your elements, lay out your elements relative to your documents, and style your HTML using predefined CSS values. We introduce you to the common CSS styling that you'll need when you start off designing your pages. If you want to get to know CSS and website design, this course is meant for you, and it can be used by anyone who hasn't even seen one line of CSS code yet. We focus on the latest CSS 3 and HTML5 standards, so you get the latest when coding your website pages instead of focusing on older code.

  • Completely Online
  • Self-Paced
  • Instructor Feedback
  • 6 Months to Complete
  • 24/7 Availability
  • Start Anytime
  • PC & Mac Compatible
  • Android & iOS Friendly
  • Accredited CEUs
Universal Class is an IACET Accredited Provider

Students who took this course also took these courses...


Request More Information

Request More Information
Have a question? Check out our FAQ or contact us for more information.
Learn HTML Picture Learn HTML Picture

Course Lessons

Average Lesson Rating: (310 votes)
4.6 / 5 Stars (Average Rating) 4.6 / 5 Stars (Average Rating) 4.6 / 5 Stars (Average Rating) 4.6 / 5 Stars (Average Rating) 4.6 / 5 Stars (Average Rating)
"Extraordinarily Helpful"
9/19/2017 11:49:10 AM

Lesson 1: Introduction to CSS: Why Use CSS?

CSS files are the layout and design for a web page. From the placement of images and text to the font size and background color, CSS controls the way these HTML elements display in a browser. 10 Total Points
  • Lesson 1 Video
  • Complete: Exam 1

Lesson 2: CSS Syntax

This lesson focuses on CSS selectors, properties, values and different basic declarations you need to make basic CSS classes and styles. 10 Total Points
  • Lesson 2 Video
  • Review 2 Articles: CSS Syntax; The 30 CSS Selectors you Must Memorize
  • Complete: Exam 2

Lesson 3: HTML 5 and CSS

The latest version of HTML is HTML 5, which has changed the face of web page design. The latest version of CSS is CSS 3. Both of these versions work together to create interactive desktop applications that work on both a desktop browser and a mobile brows 9 Total Points
  • Lesson 3 Video
  • Review 2 Articles: CSS Tricks-box- shadow; Using CSS gradients
  • Complete: Exam 3

Lesson 4: Setting Up Web Pages with CSS

This lesson will cover some basics of inserting CSS classes in your coding projects. 10 Total Points
  • Lesson 4 Video
  • Review Article: Three Ways to Insert CSS
  • Complete: Exam 4

Lesson 5: Styling Text, Font, and Properties

Having some knowledge in font layouts and design and knowing how to work with these designs in CSS will help you when you design your pages. 10 Total Points
  • Lesson 5 Video
  • Review 2 Articles: Font Properties; CSS Properties - Font Styles
  • Complete: Exam 5

Lesson 6: Styling Page Backgrounds

You can use a color, a gradient, or even an image for your background. When you set your background, the entire page is set with the color or image and any layers or elements overlap the background. 10 Total Points
  • Lesson 6 Video
  • Review 2 Articles: Perfect Full Page Background Image CSS-Tricks; CSS Background, Image and Color Styles
  • Complete: Exam 6

Lesson 7: Styling Lists in CSS

Lists (both bullet points and numbered) have been a part of HTML code for ages. What?s new about lists is the way you can stylize them for your users in CSS. 10 Total Points
  • Lesson 7 Video
  • Review 3 Articles: 5 Simple and Practical CSS List Styles You Can Copy and Paste; How to Style an Unordered List with CSS; Multiple Class / ID and Class Selectors CSS Tricks
  • Complete: Exam 7

Lesson 8: Using CSS Classes and IDs

CSS lets you use inheritance, which means that objects or styles can ?inherit? or take from their parent classes. 9 Total Points
  • Lesson 8 Video
  • Review Article: CSS Classes vs ID Tutorial
  • Complete: Exam 8

Lesson 9: Using Borders and Height and Width CSS Properties

When newer styles of CSS and HTML were introduced, the hassle of borders was remedied and now designers can use premade CSS classes to create a border around an HTML element. 10 Total Points
  • Lesson 9 Video
  • Review 2 Articles: Box Sizing CSS Trick; CSS Box Model
  • Complete: Exam 9

Lesson 10: CSS Pseudo Elements

CSS not only lets you control styles of an element, but it also lets you control styles for parts of an element. 10 Total Points
  • Lesson 10 Video
  • Review 2 Articles: CSS Pseudo-elements; A Whole Bunch of Amazing Stuff Pseudo Elements Can Do- CSS Tricks
  • Complete: Exam 10

Lesson 11: Positioning Elements

In this lesson, we?ll learn how to work with tableless designs, position elements, floating styles, margins and padding, and other aspects of creating layouts that fit a page width and height. 10 Total Points
  • Lesson 11 Video
  • Review 2 Articles: CSS Positioning; Learn CSS Positioning in Ten Steps
  • Complete: Exam 11

Lesson 12: Validating CSS and HTML

After you finish your CSS and HTML design, you need to validate it in some way. There are several validation tools on the market across the web. 67 Total Points
  • Lesson 12 Video
  • Take Poll: What is your opinion of this course?
  • Take Survey: Program Evaluation Follow-up Survey (End of Course)
  • Complete: Exam 12
  • Complete: Final Exam
Total Course Points

Additional Course Information

Online CEU Certificate
  • Document Your Lifelong Learning Achievements
  • Earn an Official Certificate Documenting Course Hours and CEUs
  • Verify Your Certificate with a Unique Serial Number Online
  • View and Share Your Certificate Online or Download/Print as PDF
  • Display Your Certificate on Your Resume and Promote Your Achievements Using Social Media
Document Your CEUs on Your Resume
Course Title: Introduction to CSS
Course Number: 8900324
Languages: English - United States, Canada and other English speaking countries
Course Type: Computer Skill
CEU Value: 1.1 IACET CEUs (Continuing Education Units)
CE Accreditation: Universal Class, Inc. has been accredited as an Authorized Provider by the International Association for Continuing Education and Training (IACET).
Grading Policy: Earn a final grade of 70% or higher to receive an online/downloadable CEU Certification documenting CEUs earned.
Assessment Method: Lesson assignments and review exams
Instructor: UniversalClass Staff Instructor
Syllabus: View Syllabus
Duration: Continuous: Enroll anytime!
Course Fee: $50.00 (no CEU Certification) || with CEU Certification: $75.00

Choose Your Subscription Plan

Course Only
One Course
No Certificate / No CEUs
for 6 months
Billed once
This course only
Includes certificate X
Includes CEUs X
Self-paced Yes
Instructor support Yes
Time to complete 6 months
No. of courses 1 course
Certificate Course
One Course
Certificate & CEUs
for 6 months
Billed once
This course only
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete 6 months
No. of courses 1 course
Platinum Yearly
Best Value
Certificates & CEUs
per year
You save 50%!
Billed once
Includes all 500+ courses
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete 12 Months
No. of courses 500+
Platinum Monthly
Certificates & CEUs
$59 first month
$29.00 / each consecutive month thereafter
Billed monthly
Includes all 500+ courses
Includes certificate Yes
Includes CEUs Yes
Self-paced Yes
Instructor support Yes
Time to complete Monthly
No. of courses 500+

Learning Outcomes

By successfully completing this course, students will be able to:
  • Define CSS.
  • Demonstrate using basic CSS syntax.
  • Demonstrate set up web pages with CSS.
  • Demonstrate using CSS for styling text, font, and properties.
  • Demonstrate using CSS for styling page backgrounds.
  • Demonstrate styling lists in CSS.
  • Demonstrate using CSS classes and IDs.
  • Demonstrate using borders and height and width CSS properties.
  • Demonstrate using CSS pseudo elements.
  • Demonstrate positioning elements with CSS.
  • Demonstrate validating CSS and HTML, and
  • Demonstrate mastery of lesson content at levels of 70% or higher.

Related Courses

Follow Us Online
  • Follow us on Google Plus Follow us on FaceBook Follow us on Twitter Follow us on YouTube
© Copyright 1999-2017 Universal Class™ All rights reserved.