Learn to style your website with CSS in this comprehensive tutorial. Master basic inline styling, colors, margins, padding, display properties, positioning, shadows, opacity, border radius, text and fonts. Explore style tags, external style sheets, IDs, classes, and CSS selectors. Dive into advanced concepts like Flexbox, animations, imports, and browser support. Discover CSS frameworks and tackle practical projects, including building a CSS star animation, creating a YouTube video card, and designing a responsive search bar. Gain the skills to transform your HTML into visually stunning and responsive web pages.
Overview
Syllabus
Introduction | CSS | Tutorial 1.
Basic Inline Styling | CSS | Tutorial 2.
Colors | CSS | Tutorial 3.
Margins & Padding | CSS | Tutorial 4.
DIsplay & Floats | CSS | Tutorial 5.
Position - Static, Relative, Absolute, Fixed | CSS | Tutorial 6.
Shadows, Opacity & Border Radius | CSS | Tutorial 7.
Text & Fonts | CSS | Tutorial 8.
Style Tags | CSS | Tutorial 9.
External Style Sheets | CSS | Tutorial 10.
IDs & Classes | CSS | Tutorial 11.
CSS Selectors | CSS | Tutorial 12.
Flexbox | CSS | Tutorial 13.
Animations | CSS | Tutorial 14.
Imports | CSS | Tutorial 15.
Browser Support | CSS | Tutorial 16.
CSS Frameworks | CSS | Tutorial 17.
Build a CSS Star Animation | 100 Days CSS Challenge.
Build a YouTube Video Card in 30 Minutes | HTML & CSS.
Build a Responsive Search Bar in 30 Minutes | HTML & CSS.
Taught by
Mike Dane
