Created By: Aaron Jack
Lecture Notes
CSS Introduction
What is CSS?
CSS stands for Cascading Style Sheets. It is used to style and layout web pages, including the design, colors, and fonts.
CSS allows you to separate content from design, making it easier to maintain and update the appearance of a website.
<style>
body {
background-color: #f0f0f0;
color: #333;
}
</style>
The <style> tag within the HTML document or an external stylesheet is used to add CSS rules that control the presentation of HTML elements.
Course Content
50 Lectures
Beginner
CSS Introduction08:15- CSS Syntax and Structure03:40
- Selectors20:33
- How CSS Works with HTML02:05
- CSS Comments and Best Practices04:40
- Colors04:12
- Backgrounds31:15
- Borders08:36
- Box Model (Margin, Padding, Height/Width)42:42
- Text31:36
- Icons08:32
- Links04:02
- Lists16:36
- Tables09:02
- Display26:24
- CSS Width Property05:10
- Rounded Corners29:28
- Opacity04:18
- Units21:24
- Specificity13:26
- !important05:39
Intermediate
- Positioning (Relative, Absolute, Fixed, Sticky)09:25
- Z-Index12:13
- Overflow10:27
- CSS Float and Clear Properties10:47
- Combinators06:12
- Pseudo-classes07:37
- Pseudo-elements07:49
- Image Sprites05:29
- Gradients10:09
- Shadows09:38
- Box Sizing10:08
- Media Queries27:02
- Flexbox Layout35:52
- Math Functions10:56
- 2D Transforms07:50
- Transitions17:59
- Buttons22:24
- Pagination13:53
- Multiple Columns22:08
- CSS Variables23:05
Advanced
- 3D Transforms05:08
- CSS Grid Layout01:02:43
- Animations21:21
- Tooltips15:04
- Image Reflections11:10
- Object Fit04:20
- Object Position12:12
- Masking04:47
- Introduction to SCSS48:04