Simple Like That > Web Apps > CSS

www.gif (3045 bytes) dhtml.gif (3637 bytes) ss.jpg (12866 bytes)
about_css.gif (10361 bytes)
inline.jpg (7998 bytes) embedded.jpg (9911 bytes) linked.jpg (8588 bytes) imported.jpg (9552 bytes)
reference.jpg (10046 bytes)

 

Inline styles use a STYLE attribute added to an instance of a HTML tag:

<
 html_tag
STYLE="attribute:value; attribute:value; … ."
>

example.gif (1853 bytes)

 

Embedded styles are defined in style blocks (between the <STYLE> and </STYLE> tags). The block contains a set of style rules that specify selectors and declarations of the style attributes:

<STYLE>
  selector {attribute:value ; attribut:value; ….}
...
</STYLE>

example.gif (1853 bytes)

 

A style sheet can be saved in a separate file and linked to it from a document or set of documents, using the <LINK> tag:

<
LINK
  REL="stylesheet"
  TYPE="text/css"
  HREF="mystyles.css"
>

example.gif (1853 bytes)

 

An external style sheet may also be imported into a document by using the @import attribute in a style sheet:

<STYLE>

@import url(mystyles.css);

</STYLE>

example.gif (1853 bytes)