Scribd
Upload
14 views

Introduction To CSS - GoSkills Course Syllabus

Uploaded by

Typing Guru
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
14 views

Introduction To CSS - GoSkills Course Syllabus

Uploaded by

Typing Guru
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Introduction to CSS

GoSkills online course syllabus


Wednesday, October 2, 2024

Skill level Lessons Accredited by


Beginner 39 CPD

Pre-requisites Video duration Estimated study time


None 2h 38m 19h 30m for all materials

Instructor
John Elder

Getting Started with CSS

1 Course Introduction
What is CSS and what is it used for?

2 Setting up a Development Environment


What tools do you need to write CSS?

3 CSS Syntax
Understanding the basic CSS syntax.

4 Using CSS 3 Ways


Learn the three main ways to use CSS on a web page.

Basic CSS

5 Colors
How to add and change the colors of elements.

6 Backgrounds
Changing background colors, images, and more.

7 Borders
Adding borders to elements, and modifying the border style.
Margins and Padding
8 Understanding the difference between Margins and Padding.

9 Height and Width


How to change the height and width properties of an element.

10 Box Model
Understanding the CSS Box Model for your design and layout.

11 Outline
Learn how to change the style, color, and width of an outline.

12 Text Formatting
How to change the formatting and alignment of text.

13 Fonts
How to manipulate the font family, boldness, style, and size, of text.

14 Links
Learn to style links. Understanding active, hover, and visited formatting as well as text decoration.

15 Lists
Styling both ordered, and un-ordered lists.

16 Tables
How to greatly alter the look of HTML tables.

17 Display
Understanding how an element is displayed with CSS.

18 Position
Understanding static, relative, fixed and absolute positioning.

19 Float and Clear


Understanding Float left, Float right, and the clear statement.

20 Inline-Block
Learn how to make floating easier with Inline-Block
Align
21 Aligning elements horizontally and vertically, as well as centering objects.

22 Combinators
What are Combinators, and when to use them.

23 Pseudo-Class
Understanding CSS Pseudo-Classes and how to use them.

Intermediate CSS

24 Rounded Corners
Adding cool rounded corners to things.

25 Border Images
Using images for borders instead of lines.

26 Gradients
Using Gradients with nothing more than CSS (no images needed).

27 Shadows
Adding Shadows to elements.

28 Rounded Images
Adding Rounded features to images with CSS.

29 Buttons
Creating and styling buttons with CSS.

30 Pagination
Creating Pagination with CSS.

Responsive Mobile Design with CSS

31 Intro to Responsive Design


Understanding the concept of responsive design for mobile devices.
Grid View
32 What is the grid view and why is it important?

33 Media Queries
Showing different web page designs based on different sized devices.

34 Images
How to resize images responsively for mobile devices.

35 Using Responsive Frameworks


How to use a framework like Bootstrap to shortcut your responsive programming.

Using the Bootstrap CSS Framework

36 Setting Up Bootstrap
How to add Bootstrap to your website.

37 Basic Bootstrap Usage


Understanding the basics of Bootstrap

38 Modifying Bootstrap
How to modify the underlying bootstrap CSS code.

Conclusion

39 HTML, CSS, and Javascript Working Together


How do HTML, CSS, and Javascript work together to make up front-end web development

Go to GoSkills.com

You might also like