CSS Beginner to Advance
Welcome to CSS for Everybody, CSS, otherwise known as Cascading Stylesheets, is used to make websites look and feel beautiful. See all the colors, shapes, and layouts on each website? That is all done using CSS. In this course you will learn everything you need to know to design some amazing websites.
we’re going to get started with making an HTML website look a little more modern using CSS. Absolutely no experience is required for this module. Together, we’ll start at the very beginning and go through all the basics so you don’t miss anything. Then we’ll dive into intermediate CSS and work with things like animations, transitions, flexbox, and CSS grid. This will give us all the skills we need to start making websites responsive so they look good on desktops, laptops, tablets, phones, and even TVs. Then we’re focused completely on responsive web design. That’s how we make a website look good on every device.
There are big projects at the modules. And in between several lessons are tasks to get hands-on experience.
A brief introduction into some topics that we will cover
-
Text shadows
- Minimum element width
- Introduction to CSS positions
-
Relative positioning
-
Absolute positioning
-
Fixed positioning
-
Sticky positioning
-
Overflowing tex
-
Centering block element
-
Advanced CSS selector
-
Introduction to pseudo selector
-
Pseudo selector
-
Introduction to pseudo element
-
Before and after pseudo element
-
First letter and first line pseudo element
-
Highlighting text with selectio
-
Smooth transition
-
Gradient background
-
Layering backgrounds and gradient
-
Custom web font
-
Transformation
-
Animation
-
Pro layouts: Flexbo
-
Pro layouts: CSS Grid
And much much more
Course Features
- Lectures 78
- Quizzes 0
- Duration 8 hours
- Skill level All levels
- Language English
- Students 547
- Certificate Yes
- Assessments Yes
-
CSS & CSS3 Masterclass: Getting Started
- CSS Introduction
- What is CSS
- How does CSS work
- Syntax Introduction
- What is Inline CSS?
- What is Internal CSS?
- CSS selectors Introduction
- Element_selectors
- Class_selectors
- ID selectors
- Grouped selectors
- Nested selements
- Commenting your code
- Text colors
- Different color types
- Link states
- Font sizes
- Measurement types
- Background colors
- Background Images
- The Inspect Tool
- Text align
- Borders
- Border Radius
- Display
- Width
- Height
- Box shadows
- Padding
- Margin
- Max_width
- Opacity
- External CSS
- Floating elements
- What we havent learned yet
- Your_project
- Summary
-
CSS & CSS3 Masterclass: Advanced
-
CSS & CSS3 Masterclass: Advanced CSS Selectors
-
CSS & CSS3 Masterclass: Advanced CSS Color & Transition
-
CSS & CSS3 Masterclass: CSS3 Layout
-
CSS & CSS3 Masterclass: Responsive Web Design