Features
Premium video tutorials
Award-winning instructors
Personalized learning
Get certified
Learn at your own pace
Mobile (learn on-the-go)
Unlimited tests and quizzes
Regularly updated content
Overview
If you have ever wanted to build and design stylish, responsive websites, this introductory course can help you get started with CSS for web design and development. Designed for beginners, no prior experience with CSS is required to get the most out of this course. You will start with the basics and apply the practical knowledge you learn through hands-on application and examples every step of the way. By the end of the course, you will have learned to apply fundamental design elements in CSS to create a beautiful and functional user experience.
Highlights:
- 39 practical tutorials.
- Learn how to add and change colors of elements.
- Add background colors, images and borders.
- Understand the difference between margins and padding.
- Change the formatting and alignment of text.
- Style links, lists and manipulate fonts.
- Understand CSS pseudo-classes and how to use them.
- Use gradients, shadows and rounded corners.
- Add buttons and pagination for easy navigation.
- Make your design responsive for mobile devices.
- Setting up, using and modifying Bootstrap.
- Understand how HTML, CSS and JavaScript work together.
Once enrolled, our friendly support team and tutors are here to help with any course related inquiries.
Summary
Skill level
Beginner
Certificate
Yes
Lessons
39
Accredited by
CPD
Pre-requisites
None
Video duration
2h 33m
Estimated study time
19h 30m for all materials
Accreditations and approvals
Instructor
Syllabus
Getting Started with CSS
Course Introduction
What is CSS and what is it used for?Setting up a Cloud Development Environment
What tools do you need to write CSS?
CSS Syntax
Understanding the basic CSS syntax.Using CSS 3 Ways
Learn the three main ways to use CSS on a web page.Basic CSS
Colors
How to add and change the colors of elements.Backgrounds
Changing background colors, images, and more.Borders
Adding borders to elements, and modifying the border style.Margins and Padding
Understanding the difference between Margins and Padding.Height and Width
How to change the height and width properties of an element.Box Model
Understanding the CSS Box Model for your design and layout.Outline
Learn how to change the style, color, and width of an outline.Text Formatting
How to change the formatting and alignment of text.Fonts
How to manipulate the font family, boldness, style, and size, of text.Links
Learn to style links. Understanding active, hover, and visited formatting as well as text decoration.Lists
Styling both ordered, and un-ordered lists.Tables
How to greatly alter the look of HTML tables.Display
Understanding how an element is displayed with CSS.Position
Understanding static, relative, fixed and absolute positioning.Float and Clear
Understanding Float left, Float right, and the clear statement.Inline-Block
Learn how to make floating easier with Inline-BlockAlign
Aligning elements horizontally and vertically, as well as centering objects.Combinators
What are Combinators, and when to use them.Pseudo-Class
Understanding CSS Pseudo-Classes and how to use them.Intermediate CSS
Rounded Corners
Adding cool rounded corners to things.Border Images
Using images for borders instead of lines.Gradients
Using Gradients with nothing more than CSS (no images needed).Shadows
Adding Shadows to elements.Rounded Images
Adding Rounded features to images with CSS.Buttons
Creating and styling buttons with CSS.Pagination
Creating Pagination with CSS.Responsive Mobile Design with CSS
Intro to Responsive Design
Understanding the concept of responsive design for mobile devices.
