Why do we need CSS in web page designing?

What is CSS?

CSS(Cascading Style Sheets) was one of the W3C's(W3 Consortium is the organization which provides standards for web oriented programming and scripting) most primitive efforts at untying the formatting and style applying details from document structure in HTML. This persistent subject has been at the heart of most W3C HTML activity since HTML 4.0's launch, and CSS is a critical factor in executing that project.

Role of CSS in web designing:

By providing a simple set of tools that implement much more thorough control over presentation than HTML itself, CSS was supposed to attract web developers away from the millions of FONT tags used in HTML documents. HTML 4.0's (and XHTML's) criticism of the FONT element is the stick. CSS provides the web document designers a number of key aspects that are nearly impossible to implement effectively with straight HTML (even if the FONT element is used).

Features and Advantages of CSS:

1. CSS provides reusability. The formatting descriptions applied to documents can be applied to any document with the same vocabulary.
2. CSS even lets you create style sheets that address particular situations within a given vocabulary, specifying the page design and layout based on nested element structures or attribute values. You can make tens of thousands of HTML documents use the same formatting just by connecting one line of code in each document to the same CSS style sheet. This also makes it easy to change formatting across all of those documents because changes made to the master style sheet are replicated in all the documents that use it.
3. Organization appearance of the web document is much straightforward as it takes just a adjustment or change in a style sheet rather than a explore-and-substitute method or find and replace strategy across thousands of documents.

Aspects to build a fine style sheet :

1. Keep your style sheet documents in a safe place! Any time your documents refer to a central style sheet, you can use that resource to modify the presentation for all your documents. It makes it easier for you to make the changes, but invaders possibly could alter the style sheet to graffiti your documents.
2. Although a single master style sheet for a site is smart and attractive, sometimes you need to change a presentation for a particular unit of a website, a certain document, or even a certain element in the document.
3. The "cascade" in Cascading Style Sheets enables you to handle this problem easily without requiring constant cut-and-paste to make personalized style sheets.
4. Style sheets and documents can refer to multiple style sheets, and CSS provides a set of rules and protocols for determining where to use each style.
5. HTML and XHTML provide extra features like the class and style attributes called as hooks, for connecting style-based formatting to particular elements.
6. Cascading Style Sheets also enables designers to get out of the complex dealing of formatting HTML generated by server-side program codes. Rather than having to edit templates packed with programming code, web designers can agree with programmers on what the output of those programs should look like and then design style sheets to match without getting directly involved in the code.
7. On the client side, CSS makes it simple to reach into the formatting created by web document designers and change it when apt; thus, there is no need to make styling particularly for a page.
8. Designers and programmers sometimes have to work closely together in both client- and server-side development.
9. CSS makes it easy to divide tasks cleanly. CSS offers methods that enable users to state how content should be formatted and designed. Combined with the importance on user-friendliness and accessibility which has influenced much of the CSS process, this enables users to access information in a format that's comfortable and convenient for them.

Tweet