The Web: HTML & CSS
🖋️ Typography, color and effects
Master web typography, color models (hex, rgb, hsl) and visual effects: gradients, shadows and rounded corners.
What you'll learn
- Format text with
font-family, font stacks,font-size,font-weight,line-heightandletter-spacing - Apply color with the
hex,rgb()/rgba()andhsl()/hsla()models, plusopacityandcurrentColor - Create visual effects with
linear-gradient,radial-gradient,box-shadow,text-shadowandborder-radius
Lessons
Typography: giving the text a voicefont-family, stacks, font-size, font-weight, line-height, letter-spacing and web fonts. Color in depth: hex, rgb and hslColor models hex, rgb()/rgba(), hsl()/hsla(), opacity and currentColor. Effects: gradients, shadows and borderslinear-gradient, radial-gradient, box-shadow, text-shadow and border-radius.Practice this module in the app
DevPath is a hands-on course: you read the theory here; in the app you put it into practice with exercises that really run, offline.
Start free in the app →