Thread: What is the role of CSS?

What is the role of CSS in web development?

beautify page elements without repeating the code; thats the main purpose.

hmmm thanx manik.
I think You leader is your favorite.

I Guess from your pic

You may want to change the way the generated HTML output looks. The best way to do that is with a Cascading Style Sheet (CSS), which modern browsers support. Font family, type size, colors, and other styles can be controlled with CSS for each kind of element.
You use a text editor to create a separate CSS stylesheet file that contains all the style information, and then associate that stylesheet with all of your HTML files. If you look at the HTML output from DocBook, you'll see a lot of <div class="element"> tags, where element is the DocBook element that produced that <div>. You write your css stylesheet to associate CSS styles with specific combinations of HTML element names and DocBook class attributes (see a good CSS reference to learn how to do that). Here is a short sample that styles DocBook note output:

CSS plays a major role during web development. CSS or Cascading Style Sheets allow web designer link to documents in a web site design. It offers control over the various elements in the web pages of your website or portal.

CSS means cascading style sheet its play in major role in web development. it controls font, positioning, color and style information in a websites and it preferred by web developers for website development because they are lighter than table layouts and use less bandwidth.

VERY GOOD QUESTION ACTUALLY CSS IS used for styling and representation or u can say formating while html is html describe web pages

Main role of CSS is that the code are not repeat again and again on html page only calling the CSS page

CSS plays a major role during web development. CSS or Cascading Style Sheets allow web designer link to documents in a web site design. It offers control over the various elements in the web pages of your website or portal.

CSS defines the structure and content of a web site it has little role to play in web design. CSS controls font, positioning, color and style information of the whole website. CSS is preferred by web developers for website development because they are lighter than table layouts and use less bandwidth. The style sheet is downloaded only once and stored in the cache, so relational pages down load faster.

Hyper Text Mark up Language is not enough when used in web development, but when integrated with CSS stronger and stable web pages are created. Web developers use CSS because it allows them to position their element where ever they want in the web page. During web development the web designer find it easy to link and make columns easily using CSS. CSS requires less maintenance for a web site.

CSS is combined with HTML or XHTML is compatible with all Internet web browsers. The websites that implement CSS appear similar in all the web browsers. CSS when used for HTML based web applications allows creating print friendly Web Pages.

CSS is so easy. When I was first building websites, a simple change like heading size or color would have to be changed in every single page. Now it just needs to be changed in one single place. Plus, you can have really nice navigation menus without JavaScript.

Originally Posted by Zendooo

Main role of CSS is that the code are not repeat again and again on html page only calling the CSS page

Not true.

CSS is for responsible for the website's layout. That's it.

If you use tableless design or with tables.

When you use tables you maybe write something like this:

Code:

<table style="border:thin solid red; border-spacing:10px;">

Inside the style tag ... border:thin solid red; border-spacing:10px; ... are the CSS properties.

Same for tableless design... could look like this:

Code:

<div style="width:120px;height:80px;margin:0 auto;background:#f0f0f0;>Text</div>

The CSS properties are declared inside the div, those are called inline CSS.

If you use external style sheets you have to link to those files in your head tag.

Would look like this (in this case XHTML code):

Code:

<link ref="stylesheet" type="text/css" href="wherever/your/css/file/is.css" />

Another possibility is the declaration inside the head of the document.

This will look like this:

Code:

<style type="text/css">
* {
margin:0;
padding:0;
}
html {
height:100%;
}
body {
background: #fff; 
width: 100%;
height: 100%;
}
/* more here */
</style>

Too bad so many people are not able to use Google to find out what CSS is.

Read here: http://en.wikipedia.org/wiki/Cascading_Style_Sheets

css means cascading style sheets used for formatting and designing

CSS plays a major role during web development, it defines the structure and content of a web site

The basic purpose of CSS is to separate the designing i.e style etc from Content.

Originally Posted by ambrose

What is the role of CSS in web development?

Hi,
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL.
CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts.[citation needed] This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. While the author of a document typically links that document to a CSS style sheet, readers can use a different style sheet, perhaps one on their own computer, to override the one the author has specified.
CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.
The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998).
The popularity of CSS as a design tool has increased exponentially and is now regarded as the premier system for website design.