Main Page Forum Ringtones SMS Messages Games Free Downloads Contact UsTelepk Map
Make This Page Your Home Page Make TelePK.Com Your Favorite Website Telepk Header
IP: 23.20.35.9 COUNTRY: Flag:
Mobile Zone
  1. PTCL TelePhone Directory
  2. SMS Messages
  3. SmS Jokes
  4. Sms Dictionary
  5. Memory Card Rates
  6. Mobile Phones
  7. Mobile Phone Articles
  8. Mobile Tutorials
  9. Mobile Games
  10. Mobile Wallpapers
  11. Secret Codes
  12. Ring Tones
  13. Web To SmS
  14. Telecom Reviews
  15. SMS Worldwide

Entertainment
  1. Islam
  2. Listen Radio Live
  3. Watch TV Channels
  4. Elections
  5. Home Decoration
  6. Beauty And Health
  7. Tech News
  8. Kitchen
  9. Greeting Cards
  10. Animation
  11. Messenger Zone
  12. Online Chat
  13. Articles
  14. Downloads
  15. City Codes
  16. Computer
  17. Know Your Heart
  18. Palmistry
  19. Myspace
  20. Make Money
  21. World News
  22. Map Guide
  23. Eid Day
  24. Pakistan
  25. Pakistani Singers
  26. Personalities
  27. Emergency No.s
  28. Funny Jokes
  29. Finance
  30. Flights
  31. Funny Pictures
  32. Kids
  33. Songs
  34. Sports Online
  35. Spotlight
  36. Student Visa
  37. Education
  38. Online Games
  39. Study Abroad
  40. Tutorials
  41. Immigration
  42. Internet
  43. Urdu
  44. Weather Status
  45. Webmaster Tools
  46. Valentine Day
  47. Video Clips
  48. Videos

Latest Updates!
Please fill out the form below to get notified whenever telepk.com will be update.
Enter your email address:



Active Visitors
  1. 154





CSS Tutorial

What You Should Already Know

Before you continue you should have some basic understanding of the following:

  • HTML / XHTML

If you want to study this subject first, find the tutorials on our Home page.


What is CSS?

  • CSS stands for Cascading Style Sheets
  • Styles define how to display HTML elements
  • Styles are normally stored in Style Sheets
  • Styles were added to HTML 4.0 to solve a problem
  • External Style Sheets can save you a lot of work
  • External Style Sheets are stored in CSS files
  • Multiple style definitions will cascade into one

CSS Demo

With CSS, your HTML documents can be displayed using different output styles:


Styles Solve a Common Problem

HTML tags were originally designed to define the content of a document. They were supposed to say "This is a header", "This is a paragraph", "This is a table", by using tags like <h1>, <p>, <table>, and so on. The layout of the document was supposed to be taken care of by the browser, without using any formatting tags.

As the two major browsers - Netscape and Internet Explorer - continued to add new HTML tags and attributes (like the <font> tag and the color attribute) to the original HTML specification, it became more and more difficult to create Web sites where the content of HTML documents was clearly separated from the document's presentation layout.

To solve this problem, the World Wide Web Consortium (W3C) - the non profit, standard setting consortium, responsible for standardizing HTML - created STYLES in addition to HTML 4.0.  

All major browsers support Cascading Style Sheets.


Style Sheets Can Save a Lot of Work

Styles sheets define HOW HTML elements are to be displayed, just like the font tag and the color attribute in HTML 3.2. Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in your Web, just by editing one single CSS document!

CSS is a breakthrough in Web design because it allows developers to control the style and layout of multiple Web pages all at once. As a Web developer you can define a style for each HTML element and apply it to as many Web pages as you want. To make a global change, simply change the style, and all elements in the Web are updated automatically.


Multiple Styles Will Cascade Into One

Style sheets allow style information to be specified in many ways. Styles can be specified inside a single HTML element, inside the <head> element of an HTML page, or in an external CSS file. Even multiple external style sheets can be referenced inside a single HTML document. 

Cascading Order

What style will be used when there is more than one style specified for an HTML element?

Generally speaking we can say that all the styles will "cascade" into a new "virtual" style sheet by the following rules, where number four has the highest priority:

  1. Browser default
  2. External style sheet
  3. Internal style sheet (inside the <head> tag)
  4. Inline style (inside an HTML element)

So, an inline style (inside an HTML element) has the highest priority, which means that it will override a style declared inside the <head> tag, in an external style sheet, or in a browser (a default value).

CSS Basics

[CSS Tutorial] [CSS Introduction] [CSS Syntax] [CSS How To] [CSS Background] [CSS Text] [CSS Font] [CSS Border] [CSS Margin] [CSS Padding] [CSS List]

CSS Advance

[CSS Dimension] [CSS Classification] [CSS Positioning] [CSS Pseudo-class] [CSS Pseudo-element] [CSS Media Types] [CSS Summary]

CSS References

[CSS2 Reference] [CSS2 Print] [CSS2 Aural] [CSS2 Units] [CSS2 Colors] [CSS2 Colorvalues] [CSS2 Colornames]



More Tutorials...
  1. HTML Tutorial
  1. XHTML Tutorial
  1. CSS Tutorial
  1. Javascript Tutorial
  1. DHTML Tutorial
  1. VBScript Tutorial
  1. TCP/IP Tutorial
  1. ASP Tutorial
  1. AJAX Tutorial
  1. CFML Tutorial
  1. PHP Tutorial
  1. WML Tutorial
  1. Flash Tutorial
  1. XML Tutorial
  1. RSS Tutorial
  1. Web Services
  1. ADO Tutorial
  1. MySQL Tutorial
  1. SQL Tutorial
  1. HTML Tips
  1. SEO Tips
  1. MYSQL Tips
  1. PHP Tips


Send this page to a friend

   
Most Viewed Services:
  1. New Year
  2. Free TV
  3. Watch GEO News
  4. Watch Disney TV USA
  5. AIM Away Messages
  6. AIM Buddy Icons
  7. BBQ Recipes
  8. Burger Recipes
  9. Fruit Salad Recipes
  10. Funny Pictures
  11. Spider-Man
  12. Spider-Man The Film
  13. Spider-Man Wallpapers
  14. Family
  15. Family Fun
  16. Windows Live Messenger
  17. Easter E-Cards
  18. 2008 Festivals
  19. Christian Festivals
  20. Msn Display Pictures
  21. Yahoo Avatars
  22. Myspace
  23. Nokia 5700
  24. Nokia 5070
  25. Bob Woolmer
  26. SMS Messages
  27. SMS Jokes
  28. Animals
  29. Apple
  30. Bikes
  31. Zong
  32. World
  33. Cars
  34. Celebrity
  35. Facebook
  36. Ali Lohan
  37. Computer
  38. Finance
  39. Fitness
  40. Shoes
  41. New Homes
  42. MSN Web Messenger
  43. Download MSN Messenger
  44. Download Latest Msn Messenger
  45. Multi MSN
  46. Download Multi MSN
  47. MSN Emoticon
  48. MSN Nick Name
  49. MSN Screen Names
  50. MSN Nick
  51. MSN Names
  52. Cool MSN Emoticon
  53. Urdu
  54. Urdu Jokes
  55. Urdu Dictionary
  56. Urdu Poetry
  57. Automobile
  58. Cars
  59. New Cars
  60. Food
  61. Kitchen
  62. Cell Phone
  63. Free Mobile Game
  64. Free Mobile Wallpapers
  65. Mobile Phone Secret Code
  66. Free Web SMS
  67. Free Worldwide Sms
  68. Islam Way
  69. Home Interior Decoration
  70. Health And Beauty Tip
  71. Latest Tech News
  72. Kitchen Remodeling
  73. Free E Greeting Card
  74. Know Heart
  75. Palmistry Line
  76. Make Money Online
  77. Myspace HTML Codes
  78. Myspace Toolbox
  79. Toyota RAV4
  80. Nokia Cell Phone
  81. Sony Ericsson Cell Phone
  1. Chinese New year Celebration
  2. Blackberry Phone
  3. Funny Joke
  4. MSN Avatars
  5. MSN Smileys
  6. MSN Display Pics
  7. MSN Display Pictures
  8. Pakistan Cricket Team
  9. Spicy Food
  10. Health Food
  11. Pakistan
  12. AOL Block Checker
  13. Urdu News
  14. Yahoo Web Messenger
  15. Download Yahoo Messenger
  16. Download Latest Messenger Version Yahoo
  17. Multi Yahoo Messenger
  18. Download Multi Yahoo Messenger
  19. Yahoo Emoticon
  20. Yahoo Hidden Emoticon
  21. Yahoo Avatars
  22. Yahoo Display Pictures
  23. Yahoo Animated Avatars
  24. Yahoo Smileys
  25. Free Cooking Recipe
  26. Hindu Festivals
  27. Sikh Festivals
  28. March Madness
  29. Tutorials
  30. Article of Mobile Phone
  31. Abrar Ul Haq
  32. Zong Sms
  33. Internet
  34. Better Homes
  35. Home
  36. Pets
  37. Forex
  38. Real Estate
  39. Science
  40. Stock Exchange
  41. WWE
  42. Information
  43. Football
  44. Flights
  45. Cricket News
  46. Latest World News
  47. Personality
  48. Emergency Phone Numbers
  49. Family Kid
  50. Online Spotlight
  51. Student Visa
  52. Download Online Game
  53. Study Abroad
  54. Immigration Law
  55. College University
  56. Web Master Tool
  57. Weather Report
  58. Funny Video Clips
  59. Funny SMS Joke
  60. Urdu SMS
  61. New Year SMS Joke
  62. Free SMS Joke
  63. AIM Block Checker
  64. City Code
  65. Find Article
  66. Dual Sim T500
  67. Asus P535
  68. Asus Cell Phone
  69. Sky Scrappers
  70. Funny Jokes
  71. History of Pakistan
  72. Government of Pakistan
  73. Lahore Resolution
  74. English Chat
  75. Online Chat Rooms
  76. Computer Wallpaper
  77. Software Downloads
  78. Samsung i710
  79. Ali Zafar
  80. Atif Aslam


More Resources...


© All Rights Reserved : Pakistan : Privacy Policy : Disclaimer : Advertise with us : Sitemaps : 1, 2, 3, 4, 5