It is used to tell user agents what version of the HTML specifications your document respects. pseudo classes is better if you don't want to mess up with javaScript however, pseudo-classes is slow to process and apply rules. Individual blog posts or news stories are good examples. ), is not a scalable approach - Placing text in an image is still a popular way to get good-looking, non-system fonts to display on any computer. Progressive rendering is the name given to techniques used to improve the performance of a webpage (in particular, improve perceived load time) to render content for display as quickly as possible. It's best to avoid designing where the amount of text would make or break a design. we could: Changing the resolution: reducing the “quality” of the image (and thereby the file size), Compressing the picture: increasing the efficiency of image data storage, Cropping the picture: when cropping, you are cutting out unneeded areas and thus making the image smaller in size.