Posts Tagged ‘Markup Languages’

Infusing Web Pages With Consistency and Clarity by Using CSS

Wednesday, April 23rd, 2008
opera browser
Liam Derbyshire asked:


CSS stands for Cascading Style Sheets. It is a language used to describe the style and presentation of a document written in a special language called the markup language. Web pages written in Hyper Text Markup Language (HTML) and Extensible HTML (XHTML) are examples of markup languages commonly used. A markup language is concerned with formatting the content of a webpage whereas the style sheet language pertains to the presentation and design of the page. The CSS specifications are maintained by a standards body known as the World Wide Web Consortium or W3C. Due to this fact, CSS is sometimes also referred to as W3C CSS.

The primary purpose of CSS is to separate the content and presentation aspects of a web page. This carries a significant number of advantages that really promote the readability of the page by conforming to a pre-defined and consistent interface design. CSS helps in a lot of other ways too. People access the internet using different network connections. Not all of these connections are fast. It is not uncommon for people to run out of patience if a web page takes too long to load. This might force them to go elsewhere for their information needs and this would lower your internet traffic. Before CSS, tables were used extensively in HTML pages for the presentation of information. These tables can be cumbersome to use and don’t always result in good visual presentation. CSS not only improves the look of web pages but pages designed with CSS also load faster than those designed with tables. CSS can lower web page sizes by as much as 60% which translates to less waiting time. CSS-designed pages are also displayed progressively as they are downloaded while table-designed pages need to be downloaded fully before they can be displayed.

The use of CSS is particularly beneficial in reaching millions of users of devices other than personal computers like mobile phones and handheld internet devices. A CSS-less web page would look awful on the small screen of such devices. CSS enables us to create a page specifically for these devices with the minimum of effort. In this way, CSS has led to widespread accessibility of information. Modern HTML pages can be quite complex which is an impediment to the indexing function of search engines on the internet. CSS-designed pages reduce this complexity and allow your pages to rank higher in search results. CSS also helps in printing pages you might find interesting. Typical HTML pages get printed with unnecessary interface elements like menus. CSS can be used to define special print-friendly pages that contain only the content you are interested in printing.

With all these great advantages, the only fly in the ointment is the less than stellar implementation of the W3C CSS standard in popular web browsers. As of this writing, no web browser out there conforms completely to the CSS specification. Browsers with good CSS support include Firefox, Safari and Opera. The worst offender in rendering CSS-driven web pages is also ironically the most used web browser in the world – Internet Explorer. However, with developers of these browsers working fervently to improve CSS standards compliance, it won’t be too long before anyone opening any page on any browser will be welcomed by consistency in design and appearance thanks to the magic of CSS.



Dale

  • backlight
  • mtv true life
  • lamps
  • cherokee
  • hp support 530
  • dis pater
  • zara phillips baby
  • bengals images
  • hp support center
  • bengals record 2010
  • chad ochocinco quits football
  • c span youtube obama
  • recruiting
  • new england patriots xxl
  • cspan government shutdown
  • chad ochocinco and cheryl burke
  • la ink season 6
  • chicago bears number 17
  • bengals insider
  • bengals history
  • cspan streaming
  • tea party 8 28 09
  • bengals job fair
  • bengals 80's
  • dose
  • beagle
  • new england patriots jake locker
  • bea goldfishberg
  • new england patriots needs
  • tea party hats
  • hp support driver downloads
  • chad ochocinco 15
  • bea 4603
  • bevel
  • mtv live
  • connecticut quarter error
  • dis systems
  • new england patriots 07
  • search optics
  • greg olsen dustin keller
  • experience
  • defination
  • greg olsen mormon
  • bengals qb situation
  • battleship lexington
  • la ink youtube pixie
  • tea party gifts
  • greg olsen football
  • bea 2011 map
  • bench
  • chad ochocinco yesterday
  • search tumblr
  • lenz
  • chad ochocinco career stats
  • daughter
  • abrams
  • chicago bears football club
  • metabolism
  • mtv youtube channel
  • cummings
  • hp support helpline
  • dis lyrics
  • bea rims
  • freida pinto boyfriend
  • fittings
  • mtv american idol
  • hp support greece
  • battleship yamato wreck
  • bengals usa
  • hp support assistant review
  • la ink season 5 premiere
  • proxy
  • chad ochocinco sisterchad ochocinco twitter
  • battleship 1967
  • geometry
  • sculptures
  • greg olsen no greater love
  • randy moss yahoo stats
  • assisted
  • shreveport
  • asus
  • bengals football
  • randy moss jail
  • battleship kirishima
  • hp support venezuela
  • connecticut lakes
  • vince young depression
  • vince young 99 yard video
  • hp support error 1005
  • greg olsen combine
  • freida pinto miral
  • randy moss wonderlic
  • vince young usc
  • yearly
  • mtv 25 lame
  • greg olsen 2009 calendar
  • ransom
  • battleship aurora
  • burner
  • dis tester
  • zara phillips youtube 2009
  • discjuggler
  • battleship excel
  • vince young rivals
  • c span 2009
  • search 990 finder
  • la ink bam margera
  • connecticut state parks
  • marajuana
  • bengals youth jerseys
  • connecticut transit
  • windscreen
  • convertable
  • rhyme
  • hp support englandhp support forum
  • backpacks
  • bupropion
  • tea party manifesto
  • chicago bears expo
  • dis v44
  • zara phillips queen elizabeth
  • bea taylor
  • battleship yamato 2010
  • chicago bears expo 2011
  • zara phillips shoes royal wedding
  • la ink book an appointment
  • greg olsen puzzles
  • randy moss 98 vikings
  • greg olsen website
  • vince young drunk
  • cspan michelle bachmann
  • cabelas
  • bengals merchandise
  • connecticut food bank
  • search chuck norris
  • connecticut education
  • randy moss height
  • emergencies
  • search engines for jobs
  • freida pinto can't act
  • mtv website
  • la ink phone number
  • cspan washington correspondents dinner 2011
  • scratched
  • dis boards cruise
  • wieght
  • search engines cookiessearch engines definition
  • bengals forum
  • mtv oddities
  • la ink cast
  • knives
  • volcano
  • new england patriots 3 4
  • mtv dougie
  • frontline
  • new england patriots underwear
  • waters
  • everybody
  • bea exhibitors
  • freida pinto zac posen
  • doppler
  • chicago bears donation request
  • chicago bears rumors 2011
  • chicago bears garter
  • new england patriots 98.5
  • ammonium
  • bengals hard knocks episode 1
  • chicago bears pictures
  • zara phillips wedding plans
  • freida pinto jeansfreida pinto kissing
  • randy moss combine results
  • search engines images
  • la ink map
  • cspan question timecspan radio
  • palmdale
  • battleship history
  • chatroom
  • nominee
  • chicago bears jewish players
  • connecticut 104.1
  • cubed
  • pram
  • search comcast net
  • chad ochocinco wedding date
  • bea fox
  • vince young jay cutler
  • nyse