free hosting   image hosting   hosting reseller   online album   e-shop   famous people 
Free Website Templates
Free Installer

F

A

 

 
   

Multimedia SRL - Internet Business Services

Services | Directory | Guides | Search | Contact | Network

 
Home
Up

Enter to Top 100 Sites and Vote for this Site!!!

Best Business Award

Google


Web
Website

Free e-Books

Web Usability

Business Services
Internet Marketing
Web Design
Translation
Desktop Publishing
Word Processing
Secretarial
Consulting
IT&C Solutions
Hardware
Software
Networks
Training
Online Shop

Guides & Tutorials
Internet Marketing
Advertising
Guerilla Marketing
Web Design
Consulting
Sample Letters
Secretarial

Services Directory
Link Back
The owner is
member of:
ISOC
IWA
ARTT
RTS

ADVERTISE WITH US

Privacy Policy
Terms of Service
Send articles and materials to be published on this website to Publishing
If you see unauthorized or illegal materials on this website, please send an e-mail to Abuse

 
CSS
Home > Tutorials & Guides > Web Design > Production > Cascading Style Sheets

Cascading Style Sheets

Cascading Style Sheets (CSS) work on the same premise as style sheets in print layout software programs: they allow you to manage the structure of the site separately from content. Text styles and content can be modified independently from each other, allowing developers to update web sites more efficiently. CSS enables you to improve the appearance of your site, and can be created with the same simple text editors as html. "Cascading" refers to a system of preferences for managing style conflicts. A conflict can occur, for example, when a user's browser preferences indicate text to be displayed in one font, while an incoming document style sheet calls for a different font. The cascade preferences will ensure the conflict is resolved and pages can be displayed.

Cascading Style Sheets give designers additional control over typographic features such as line spacing, margin indents, and font selection. You can specify the position of elements using CSS rather than the more memory-intensive transparent GIFs. This allows your files to be smaller and to be opened more quickly by browsers.

When appropriate, define styles globally

bullet

Styles applied globally affect the entire web site; style rules should be provided in independent text files which are linked to or imported into multiple html files.

bullet

Styles applied locally affect only a single file, and the style rules are stored in the top of the html file.

bullet

In-line styles are specified within the body of the document content, and affect only individual text elements. Use them only when absolutely necessary, since they are inefficient and hard to maintain.

Your system of Cascading Style Sheets will work best when you assign styles at the highest appropriate level. If you apply a style sheet globally, you need to apply it only once. If you apply a style locally when it should be applied globally, you will need to place the code in more than one file. Also, if you apply styles globally, you can more easily make revisions to the layout of your entire site.

Whenever possible, use style sheets to position elements

Using style sheets to define the placement of elements is more efficient and manageable than using absolute positioning. Using style sheets to position elements gives you more control and consistency. Absolute positioning gives you control on a specific page but is less efficient and harder to maintain.

Use inheritance to propagate styles in CSS

Cascading Style Sheets employ a system of inheritance, in which the lower-level or child styles inherit properties from higher-level or parent styles. To produce an efficient style sheet system on a project, you should analyze your layout plan to see what features certain styles share with other features, and then decide where in the inheritance scheme every text formatting specification should take place

Use absolute and relative style specifications

To avoid manual and tedious adjustments to styles, take advantage of absolute and relative style specifications. For example, assume you use an absolute setting for the body text, such as "BODY {font-size: 10pt}" and a relative style for a level two heading, such as "H2 {font size: 80%}". If you later change the size of "BODY" to 12 pt., the H2 style will automatically make itself larger, preserving the 80% size relationship.

When specifying fonts, provide the desired font, an alternate font, and a default font

The cascading system works by making choices and compromises among groups of options. For the system to work properly, alternate font specifications should be provided within the style sheets. For example, you could have a style sheet which states "BODY {font-family: Officina, Arial, sans-serif}." This will cause users to see Officina if they have it, Arial if they don't have Officina, and whatever sans-serif font is alphabetically at the top of their own font list if they have neither Officina or Arial. (The last font specification is a default one, which is not a specific font but rather a class of fonts).

Use rule exceptions with caution

Since the keyword !important will override a users' settings, use it with extreme caution. In general, you want your users to have control over their settings. For instance, people with impaired vision might not be able to read any of your text if you use !important to require them to read ten point font.

Define a clear policy for the entire team to follow

A system of Cascading Style Sheets can become complex, particularly on a large site. Make it easy for other people to understand how your system works so they can make any subsequent changes in an integrated manner. Before adding a style sheet to an existing site, make sure you understand the existing style sheet formatting policy.

Preparation | Compatibility | Images | CSS | Testing | Rollout

Our Network

 Add Link

Teleactivities Network

Arts
Clipart
Business
ABC Systems SRL Flora Sercom SA Multimedia Advertising Business Forum English Telework Translation Service Translators Multimedia Ltd Advertising Casino Promotion Internet Marketing Translation Web Site Promotion Business Card Business To Business Jobs Small Business Virtual Community Work at Home Business ARTT Transport
Computers
Download e-Books php Web Design Webmasters Teleactivities e-Commerce Hacking Security
Games
1 Dollar Casino Bet Online Casino Casino Gambling Casino Online Poker Casino Online Bingo Casino Online Blackjack City Life Casino Danube Casino Online Poker Poker Free Games Black Jack Bridge Card Games Chess Computer Games Craps Flash Game Free Download Games Gambling Game Cheat Game FAQ Game To Play Game Zone Online Casino Online Games Online Poker PC Games Poker Video Games Hollywood Star Casino Las Vegas Casino Net Casino No Gambling Bet Online Gambling Baccarat Betting Bingo Black Jack Casino Community Poker Real Player Roulette Slot Machine Video Poker Online Casinos Casino Game Internet Casino Online Poker Chip Paradise Club Casino Pariuri Planet Star Casino Play Online Casino Game River Island Casino Casino Superstars Casino Online Casino Online Casino Video Casino Virtual Casino Online Wealth Casino Web Games Casino
News
News
Recreation
Jokes Community
Reference
Top
Regional
Balkans Forum Mehedinti Balkans Romanian Mehedinti
Science
Protectia Mediului Inginerie ReMat Electronics Engineering Physics Telecommunication
Shopping
Shopping
Society
Chat Dating Girls NGO Intelligence Services ONG Romania ARTT

 

Online Virtual Communities
Advertising Business Telework Translators e-Commerce Download Webmasters Gambling Pariuri News Jokes Top Balkans Mehedinti Shopping Chat Girls NGO
Mailing Lists
Abuzuri Afaceri / Internet Afaceri / Internet Ezine Anticoruptia Anunturi Asociatia Romana pentru Telelucru si Teleactivitati Balkans Connection Magazine Balkans Bet Gambling Buy - Sell Casino Gambling Casino Players Cercetarea romaneasca Clip Art Comunicate de presa Dracula Land Drobeta Turnu Severin Electronica European Projects Fotbal Free Games Free Gifts Glume Google News Home Internet Business Home Electronics IMNR Congress Inginerie Internet Marketing Joburi Lumea interlopa Made in Romania Marketing tools Mass media Matrimoniale Romania Mehedinti ONG Romania Ezine ONG Romania Online Casino Online Dating Online Gamblers Magazine Online Poker Online Security Pariuri Politica Practical Jokes Romanian Business Societatea Informationala Sanatatea Severin on - line Ezine Teleactivitati Teleactivities Telelucru Teleprietenii Teleworkers The Silent Group Translation Service Translators Jobs Virtual Office Team Virtual Office Ezine Web Design Help
Webrings
Advertising Autos Books Business Cellular Phones Chat Clipart Computers Dictionaries Dogs Electronics Free Gambling Games Greeting Cards Health Jobs Jokes Lyrics Maps Movies mp3 Music News Online Dating Promotion Real Estate Romania Search Engines Shopping Sports Translation Travel Warez Web Design Web Hosting
e-Zines
Afaceri / Internet Balkans Connection ONG Romania Online Gamblers Severin Online

 

Contact Us

Tel.: +40-745-526896
Fax: +40-252-314063
E-mail

   

 Back | Home | Up | Next

Developed by MultiMedia

© 2002-2004-2004, All Rights Reserved