Description
In this course you will learn to work with different CSS3 properties in developing a website, understanding CSS syntaxes and formatting HTML elements.
Who is this course?
This course is for anybody from no knowledge of CSS to advanced knowledge of CSS.
Module 1 - Introduction
1
Overview
Brief overview of the entire course.
2
What is CSS
3
Why Choose CSS3
brief history/evolution of CSS and why CSS3 is better used.
Module 2 - Getting Started with CSS
1
Overview
Brief overview of the module. You will learn; 1. How to install the software to use 2. how to set up a CSS environment 3. Basics of CSS and website layout
2
Software/tools to use for CSS
3
Installation of the text-editor
Installing Sublime text.
4
Setting-up a CSS environment
5
Basics of CSS
Things you should know about CSS.
6
Website Layout
Module 3 - Adding CSS in an HTML file
1
Overview
Overview of the module. You will learn how CSS styles can be added to an HTML file; - Inline CSS - Internal CSS - External CSS
2
Inline CSS
3
Internal CSS
4
External CSS
5
Quiz
Module 4 - CSS Syntaxes and Properties
1
Overview
Overview of the module. You will get to learn; - how CSS syntaxes looks - some CSS properties - basic CSS declarations - CSS selectors and values
2
CSS syntaxes
3
CSS properties
Basic CSS properties like; - Text properties - Font properties - Border properties - Link properties
4
Basic declarations of CSS
5
Selectors
You will learn the different selectors in CSS; - Type selectors - Class selectors - Id selectors - Group selectors
6
Values
7
Quiz
Module 5 - Colors
1
Overview
You will learn how to add colors to an HTML document using; - Color names - RGB values - HEX codes - HSL values
2
Adding colors using color names
3
RGB values
4
HEX codes
5
HSL values
6
Quiz
Module 6 - Text/Font Styling
1
Overview
An overview of this module, you will learn; - the difference between text and font - properties to format a text - properties to format fonts
2
Differences between text and font
3
Text formatting
We will be working with properties like; - text-decoration - text-align - text-transform - text-overflow - letter-spacing - word-wrap
4
Font formatting
We will talk about; - font-family - font-style
5
font-variant and font-weight properties
You will learn how to work with - font-variant - font-weight
6
font-size property
You will learn to use font-size property using; - pixels (px) - em - % - combination of em and %
7
Quiz
Module 7 - Styling and More CSS Properties
1
Overview
You will be learning - List styling and the properties to style a list - Table styling and properties to style a table - Link styling and properties to style a link - CSS comments
2
List styling
We will talk about the properties used in styling a list like; List-style-type List-style-position List-style-image List-style
3
Table styling – border
We will be styling the border of a table
4
Table styling – size
Learn to either increase or decrease the size of a table.
5
Table styling – alignment
You will be learning how to align the data in a table.
6
Table styling – appearance
You will learn how to change the way a table appears or looks
7
Link styling using color property
You will be learning to style the different link states using the color property.
8
Link styling using text-decoration property
Styling the different link states using the underline value of the text-decoration property
9
Link styling using background-color property
You will learn to specify a background-color for a link.
10
CSS comments
Learn to work with comments in CSS.
11
Quiz
Module 8 - Box Model
1
Overview
Overview of the module. We will be discussing about; - Box model - Margin, Border, and Padding properties - Height and Width properties - Overflow property
2
What box model means
3
Margin properties
You will learn how to work with the different margin properties for the different sides of a box or an element..
4
Margin shorthand property
Working with the margin shorthand property.
5
Border-style property
You will learn how to work with border-style property and the different values.
6
Border-width property
You will learn to work with border-width property using pixel values, % values and predefined names
7
Border-color property
Learn to style a border using the border-color property.
8
Border shorthand property
Learn to use the border shorthand property to style the color, width, and style of a border.
9
Padding property
Working with padding properties.
10
Height and Width properties
11
Min-width and max-width properties
Learn to use the min-width and max-width property to style a box.
12
Min-height and max-height properties
13
Overflow property
working with overflow property values like; - scroll - visible - hidden - auto
14
Quiz
Module 9 - Position_Float_Clear Properties
1
Overview
You will learn to work with; - position property - float property - clear property
2
Position property – static
3
Position property – relative
4
Position property – absolute
Learn to work with absolute value of the position property
5
Position property – fixed
6
Float property
Learn to float elements to different sides of a webpage or a container.
7
Side by side float
8
Clear property
9
Quiz
Module 10 - Background
1
Overview
Overview of the module. You will learn to work with properties like; - Background-color - Background-image - Background-repeat - Background-attachment - Background-position - Background shorthand
2
Background-color property
3
Background-image property
4
Background-repeat property
You will learn to work values like; - repeat - repeat-x - repeat-y - no repeat
5
Background-attachment property
We will be discussing background-attachment values like; - fixed - scroll
6
Background-position property
7
Background shorthand property
You will learn to use one property to specify the values of the five different background properties.
8
Quiz
Module 11 - Advanced CSS
1
Overview
In this module you will learn how to use some advanced properties like; - Rounded corners - Border image - Pseudo classes - Pseudo elements - Buttons - Pagination
2
Rounded corners
You will be learning to give rounded corners to an element on a webpage.
3
Border-image
You will learn how to specify an image as the border of an element.
4
Pseudo classes
5
Pseudo elements
6
Pseudo elements and CSS classes
You will be learning how to combine pseudo elements and CSS classes, pseudo classes and CSS classes.
7
Buttons
We will be discussing how to style buttons in an HTML document using different properties.
8
Pagination
9
Quiz
Be the first to add a review.
Please, login to leave a review
Related Courses
About the Course An advanced CSS course touching on responsive web design technologies including: flexbox grid layout media queries And also an inc...
₦8,000