Page 95 - DCAP408_WEB_PROGRAMMING

Unit 4: Cascading Style Sheets

Objectives Notes

After studying this unit, you will be able to:
 Scan CSS (Cascading Style Sheets)

 Recognize the CSS properties
 Describe Style, DIC, SPAN tags
 Demonstrate the internal and external stylesheets
 Explain the creation and use of classes

 Discuss the applying of style and images on text.
Introduction

CSS stands for Cascading Style Sheets, created by Hakon Wium Lie of MIT in 1994. It is a markup
language used to directly effect the “look” of web pages. This includes overall layout, text size,
style and formatting, table formatting, link properties, and more. CSS style blocks are also
commonly referred to as rules. These rules can be embedded into an individual HTML page or
placed in an external file that will control many individual pages on your website. Thus changing
a property in one place in the linked style sheet will immediately make that change on every
web page that is linked to it. When used correctly, CSS allows one to define the look of an entire
site in one single document. It provides a means for authors to specify how they wish documents
written in a markup language such as XML or HTML to be formatted.
In short Cascading Style Sheets:
 Styles define how to display HTML elements; styles are normally stored in Style Sheets.

 “Cascading” refers to the fact that each different style declaration can be “cascaded” under
the one above it, forming a parent-child relationship between the styles.

4.1 CSS Web Template

“CSS Web Template” is a website design created using Cascading Style Sheets (CSS) technology.
Cascading style sheets provide web developers an easy way to format and to style web pages.
CSS will be used even more because it is seen the same way by all browsers, making it the best
option during the browser wars.
CSS templates allow enhanced browser and platform compatibility (CSS supporting browsers
are used by 99.98% of existent web surfers). Your website will look perfect in Windows, UNIX
and MAC browsers. The template is primarily tested on multiple platforms to ensure better
requirements compliance.

Style Sheets are the easiest way to provide a default font styling for HTML. Therefore, you can
modify the whole text and link colors on every page by editing just a single CSS file! CSS also
makes your coding much easier because you don’t have to repeat the many formatting tags. This
streamlined code equals faster download time and reduced bandwidth usage.

CSS templates show 100% compatibility with Macromedia Dream weaver and MS Front Page.
Other web editors also handle this technology easier than the usual HTML code.
CSS technology is a great step forward in web development. Separated content and presentation
adds more flexibility to your website. And, you’ll have no problems with future modification of
your website.

LOVELY PROFESSIONAL UNIVERSITY 89