Page 286 - DCAP109_GRAPHIC_TOOLS

Unit 12: Dreamweaver – Layers and Style Sheets

Self Assessment Notes

State whether the following statements are true or false:
9. If you insert a BMP, it will not appear unless you select All the files in the Type field.
10. It is not possible to have text and image on the same layer.

12.5 Style Sheets

HTML is the primary markup language for Web development. But HTML does not isolate the
structure and content of a document. The structure of the document deals with how the page is
displayed on the screen, while the content of the Web page is the actual data encapsulated within
the HTML tags. CSS helps to resolve the limitations of HTML by giving a designer more control
over the look and feel of a page.
Features supported by CSS:
z All font-related properties like size, color, family, etc.
z Text color, background color and any modification associated with images

z All related attributes of text such as size, letter spacing and alignment
z All appearance and formatting associated with tables and frames
z All spacing attributes like margin, padding and border, along with spacing in horizontal
and vertical directions

12.5.1 Significance of Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) are a collection of formatting rules that control the appearance of
content in a web page. They are very useful for maintaining a web site since its appearance
(controlled by properties of HTML tags) can be managed from just one file. CSS Styles
also enhance your site’s look, accessibility and reduces file size. Another main advantage is
reusability – instead of defining the properties of fonts, backgrounds, borders, bullets, uniform
tags, etc. each time you use them you can just assign the corresponding CSS style in the class
property. You can store CSS styles directly in each document or, for more control and flexibility,
in an external style sheet.

Notes Versions 3.0 of Opera and Microsoft Internet Explorer and Version 4.0 of Netscape
Navigator support properties for Level 1 CSS, and 4.0 and later versions of all three
browsers support properties for Level 2.

Task Discuss the major features of level 1 CSS and level 2 CSS.

12.5.2 Basics of CSS: Tags, Selectors and Declarations

CSS styles are defined within the <style> tag. If you define the styles embedded within your
current document you will find code similar to the following in your head content:

LOVELY PROFESSIONAL UNIVERSITY 279