The Endless Possibilities of CSS Properties

When you look at Web pages from large commercial sites, you see a variety of typefaces, type treatments, and even line-spacing variations.So how do the Web site creators accomplish those effects?

They use a new and vastly improved addition to Web page design called style sheets. You might be familiar with the concept of style sheets from working with document-processing applications like Microsoft Word, where choosing a particular style produces a complex set of changes in typeface, color, size, indentation, and much more.

Style sheets give you a corresponding capability as you design Web pages.One very important characteristic of style specifications, both in applications, such as Microsoft Word, and in Web documents, is that attributes are inherited.Suppose that a paragraph in your document appears in 14-point Times Roman.

Then you apply a style to a single word in the paragraph that puts the selected word in blue.Besides having the blue added, that word also inherits the typeface, typeface size, and any other attributes from the parent style applied to the remainder of the paragraph. In Web parlance, this is known as cascading (style attributes cascade down until something changes them). The style sheets I’ll be talking about are, therefore, logically called Cascading Style Sheets and succinctly referred to as CSS.

Because although CSS is wonderful for many things, it frankly requires too much work when you want to make just one or two simple, straightforward changes. If I want a word in bold onmy page, it’s usually much simpler to specify than to figure out the CSS details.

Another way that you can work with CSS is to create a completely separate document on your Web server that includes all the styles you want to use. You can then reference that document within all the Web pages on your site. You may think that having a single style definition at the top of your page makes it easy to manage the layout of that page. Imagine how handy it would be to have a site with dozens (or hundreds!) of pages of material, all using the appropriate div and span tags and classes. Add to that the capability to change the style across all occurrences of a class, on all pages, with a single edit!

The impact of CSS upon the way developers build web sites has been immense, and the possibilities they bring are endless. Removing most or all of the presentational information from an XHTML file and placing it in a style sheet has many advantages, including reducing download size and time and huge bandwith saving.

One key aspect of CSS design is the use of divisions to provide greater flexibility and mark out the regions of our pages.Infact the
element are XHTML elements used to define areas of a documents in which you can apply a style.

Taking control of your text requires more than just specifying one of the many available web fonts or setting font size. CSS provides the conscentious designer with a multitude of tools that can be applied to the text, bridging the gap between print and web design and allowing for much flexibility.


Getting deeper into Css layouts and techniques can make our web pages very attractive. To know more about Css syntax and tutorials visithttp://www.css-mastery.com

---

Bookmark this article: