When do i use css

Before CSS, tags like font , color , background style, element alignments, border , and size had to be repeated on every web page. This was a very long process. For example: If we are making a large website where fonts and color information are required to add on every page, it will be a long process. CSS was created to solve this problem.

It was a W3C recommendation. CSS style definitions are saved in external CSS files, so it is possible to change the entire website by changing just one file.

There is the writing of rule just once for a tag, which can be applied to all the occurrences of the corresponding tag. So using CSS, there is less code, which means faster downloading. CSS makes the maintenance of the website easier. It plays an essential role in website maintenance.

If we require a global change in the file, it can be simply done by changing the style by which all the elements on the web page will update automatically. The CSS file provides a flexible look to the website, which can be altered in a convenient way.

It also makes HTML formatting and modification of corresponding data elements easier. CSS is compatible with the older language versions so that we can use CSS with the earlier language versions. Because of this, if the CSS application is developed with the older programming language versions and if the developer combines the same with new improvements, then CSS can be easily implemented with the corresponding changes so the developer can update the existing code successfully.

CSS allows the content to be optimized for more than one type of device. JavaTpoint offers too many high quality services. Mail us on [email protected] , to get more information about given services. Please mail your requirement at [email protected] Duration: 1 week to 2 week. CSS Tutorial. Chrome currently takes two actions , given particular CSS property idents: establish a new compositing layer or a new stacking context.

It may be appropriate to include will-change in your style sheet for an application that does page flips on key presses like an album or a slide deck presentation where the pages are large and complex. This will let browser prepare the transition ahead of time and allow for snappy transitions between the pages as soon as the key is pressed.

But use caution with the will-change property directly in stylesheets. It may cause the browser to keep the optimization in memory for much longer than it is needed. This is an example showing how to apply the will-change property through scripting, which is probably what you should be doing in most cases. A period. The fundamental difference between is that you can reuse a class on your page over and over, whereas an ID can be used once.

That is, of course, if you are sticking to WC3 standards. Note that the id MUST be unique throughout the document, whilst any number of elements may share a class. The is an id selector. It matches only elements with a matching id. Next style rule will match the element that has an id attribute with a value of "green":. Here is my aproach of explaining te rules. And media query's will override everything above I am not sure about this but i think the ID selector can only be used once in a page.

Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. In CSS what is the difference between ". Asked 12 years, 8 months ago. Active 3 years, 4 months ago. Viewed k times. Improve this question. Sunil Garg Sam Sam Add a comment.

Active Oldest Votes. Yes, they are different Improve this answer.