Why do you use css

Here we will show one HTML page displayed with four different stylesheets. Click on the "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" links below to see the different styles:. CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.

With an external stylesheet file, you can change the look of an entire website by changing just one file! We just launched W3Schools videos. Get certified by completing a course today! C ascading S tyle S heets, fondly referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable.

CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, what background images or colors are used, layout designs,variations in display for different devices and screen sizes as well as a variety of other effects.

Just write one CSS rule of a tag and apply it to all the occurrences of that tag. So less code means faster download times. Web developers lay out pages according to the "box model. These boxes are nested, one inside another.

For example, a page's header is a box, and it contains several smaller boxes comprising all the elements that make up a header: logo, navigation, social media buttons, shopping cart buttons, etc. Using CSS, a developer assigns styles to the "header" box. In this example, let's assume that the developer makes the text inside the header purple, Arial font and fifteen points high.

Here's where the "cascading" part of cascading style sheets comes into play. The font styles applied to the header cascade down to all the elements contained inside the header.