Читать реферат по английскому: "Cascading Style Sheets Essay Research Paper What" Страница 2

(Назад) (Cкачать работу)

element’s position arbitrarily – that is, relative to its parent

container and independent of the document’s flow. Relative

position allows an element to be offset relative to its natural

position in the document’s flow.

Position is specified with the top and/or left properties using a

value (relative or absolute as appropriate).

The visibility property sets the display state of the element,

but doesn’t affect its position in the layout: An element takes

up the same space whether hidden or visible.

Z-index is used to specify the stacking order of the

positionable elements above or below other HTML elements.

The number value may be positive or negative, and must be an

integer. Default z-ordering of elements in a document is

back-to-front in the order of their appearance in the HTML.

The overflow element is used to control the display of an

element’s contents in cases where they exceed its given

dimensions. It applies only to elements with the position

property of type “absolute.”

Dynamic aspects of managing positioned elements, like hiding,

displaying, and movement, are implemented using an external

scripting language, such as JavaScript.

The top and left properties may be expressed as percentages.

For other CSS-P properties listed, percentages do not apply.

——————————————————————————–

Attributes

Class and ID

Classes let you create grouping schemes among styled HTML

tags by adding the style definition of a particular class to the

style definitions of several different tags. In the stylesheet, a

class name is preceded by a period (.) to identify it as such:

.foo {property 1: value 1; property 2: value 2}

A very simple example:

P {font-family: sans-serif; font-size: 10pt}

H1 {font-family: serif; font-size: 30pt}

H2 {font-family: serif; font-size: 24pt}

.red {color: red}

.green {color: green}

.blue {color: blue}

The tags and classes can then be used in combination:

This is rendered as 30-point red

serif text.

This is rendered as 10-point red

sans-serif text.

Or not:

This is rendered as 10-point sans-serif text in

the default color.

The ID attribute is used for a uniquely defined style within a

stylesheet. In the stylesheet, an ID name is preceded by a

hash mark (#) to identify it as such:

#foo {property 1: value 1; property 2: value 2}

Text rendered in the foo style.

Text-Level Attributes: and

The tag is generally used to apply a style to inline

text:

This text is rendered as

foo-style and this is not.

The tag is generally used to apply a style to a block of

text, which can also include other HTML elements:

The “foo” style will be applied to this text, and

to this text as well.

The style attribute provides a way to define a style for a single

instance of an element:

This text is

rendered as red, 10-point type

The class, ID, and style attributed can be applied within the

and elements. Used with class or ID, the

and tags work like customized HTML tags, letting you

define logical containers and apply a style to their contents.

——————————————————————————–

Conclusion

In conclusion CSS is a dynamic, innovative approach to creating

web sites. CSS’s freedom and reliability of code allows for pages

to be created by the most novice web programer and also allows

for creativity of the more advanced users. CSS is the wave of the

future in web programing, soon all sites will have a stylesheet controling

the style and form.

——————————————————————————–

Bibliography

http://www.w3.org/pub/WWW/Style/css/draft

Draft of the Cascading Stylesheets proposal

http://www4.inria.fr/

FORM-baesd CSS stylesheet editor.

http://www.ornl.gov/sgml/wg8/wg8home.htm

The ISO/IEC JTC1/SC18/WG8 Web Service — look on this page for links to information about

DSSSL and DSSSL-Lite (another proposed web-stylesheet

language). Other DSSSL information can be found at:

http://occam.sjf.novell.com:8080/dsssl/dsssl96 — The draft DSSSL standard.

http://occam.sjf.novell.com:8080/docs/howto_search_dsssl.html — Suggestions on how to use the underlying

SGML tag structure of the draft standard for searching,

ftp.netcom.com/pub/no/novlepub/dsssl/dsssl-dt — The draft standard in DynaText format. You need

the files dsssl96.zip, dtwin23.zip, readme.txt and unzip.exe. You cannot use pkunzip.

ftp.netcom.com/pub/no/novlepub/dsssl/src — The SGML source files for the DynaWeb draft.

334

Похожие работы