: : , (cascading style sheets, CSS), HTML- . , ( 3 ), Dynamic HTML, CSS HTML- .
- : c , , , , HTML 4.0 Dynamic HTML.
CSS-1 Microsoft Internet Explorer 4.0, .
HTML , , , .. , HTML , . , , Netscape Microsoft. , - , HTML , , HTML. - .
, W3C , . Cascading Style Sheets, level 1. Web- W3C :
http://www.w3.org/TR/REC-CSS1-961217
, , , , , , , , .. HTML 4.0 , , HTML-.
Cascading Style Sheets, level 1, 70 , HTML. Microsoft Internet Explorer 4.0 , , Cascading Style Sheets, level 2, , , , HTML 4.0.
. , <1>, <2>, <5>.
1.
, , <5>. , .
<> :
<style TYPE="text/css">
H1 {COLOR: black;font-style: normal}
H2 {COLOR: black;font-style: normal}
H5 {COLOR: black;font-style: normal}
</style>
, , <5>, font-color ;
2.
<style TYPE="text/css">
H1 {COLOR: black;font-style: normal}
H2 {COLOR: black;font-style: normal}
H5 {COLOR: blue;font-style: normal}
</style>
, <h5>. , <h2> , :
3.
<style TYPE="text/css>
H1 {COLOR: black;font-style: normal}
H2 {OLOR: black;font-style: normal;background:yellow}
H5 {COLOR: black;font-style: normal}
</style>
, , n-e <TABLE><TR><TD bgcolor="yellow">... </TD></TR></TABLE> , HTML. , .
4.
HTML-, , :
<html>
<head>
<title>Heading 1</title>
<style type="text/css">
BODY {color : orange;
font-family : tahoma;
bacground : black;}
.style1 {color : white;
margin-top : -110px;
font-family: tahoma;
font-size : 48px;
text-align : center;}
.style2 {font-family: tahoma;
font-size : 100px;
font-weigh : bold;
margin-top : 25px;
text-align : center;}
</style>
</head>
<body>
<p align="center">
- , BODY
</p>
<span class="style2">
<p> </p>
</span>
<div class="style1">
<p>
</>
</div>
</body>
<html>
.
:
HTML, ., (rules)., , <h2>, :
<h2>{color: blue;}
, , - . , ,-H2 , - , . - . . , .
:
{: }
:
H2 H3 H4 {color: blue;}
:
H2 {color: blue;
background: yellow;
font-size : 20px;}
, <2> 20 . , ";" .
HTML- , .
. , HTML-. , :
<LINK REL=STYLESHEET TYPE="text/css"
HREF="http://www.cpress.ru/style/main.css" TITLE="mainstyle">
main.css, HREF . TYPE, TITLE . , , .css , . , :
BODY {color : orange;
font-family: tahoma;
background: black;}
.style1 {color: white;
margin-top: -110px;
font-family: tahoma;
font-size: 48px;
text-align: center;}
.style2 font-family: tahoma;
font-size: 110px;
font-weigh: bold;
margin-top: 25px;
text-align: center;}
, , , . Intranet, , - , , .
<STYLE>
, . .
, HTML. :
<style type="text/css">
<!-
.style1 {color: white;
margin-top: -110px;
font-family: tahoma;
font-size: 48px;
text-align: center;}
->
</style>
<STYLE>...</STYLE> . , . . , css- .
<STYLE> . : DIR, MEDIA, ID, LANG, TITLE TYPE. Netscape Navigator 4 SRC, css-. , import.
DIR, ID, LANG TITLE HTML 4.0 . MEDIA . :
MEDIA=SCREEN |PRINT|PROJECTION|BRAITLE|SPEECH|ALL
TYPE MIME- , . :
TYPE="text/css"
TYPE="text/javascript"
JavaScrip.
@import
, HTML- . @import , . @import :
@import url (http://www.cpress.ru/style/main.css);
@import
Internet Explorer 4.0.
, . .
, CLASS :
<div class="style1">
<p>
</p>
</div>
:
.style1 {color: white;
margin-top: -110px;
font-family: tahoma;
font-size: 48px;
text-align: center;}
: 5.
, . . CLASS, HTML. . <2> :
H2 {color: blue;
font-size: 20px;}
, yellow:
H2.yellow {background: yellow;}
:
<body>
<h2>- 2 <h2>
<h2 class="yellow"> - 2 .yellow</h2>
</body>
:
.yellow {background: yellow;}
<2>, , :
<body>
<h2 class="yellow">- 2 <h2>
<h3 class="yellow">- 3 <h3>
<h4 class="yellow">- 4 <h4>
CLASS HTML, , , . <DIV> , . , <DIV> </DIV>, . :
<body>
<h3>
h3,
,
</h3>
<DIV CLASS="YELLOW">, .yellow<DIV>
<h3>
, h3.
</h3>
<body>
<SPAN>
. , .yellow :
<body>
<h3>
, h3,
3- ,
<SPAN CLASS="YELLOW"> ,
.yellow.</SPAN>
,
h3.
</body>
</h3>
STYLE, HTML-. , , , . , :
<P style="color: red">
</p>
STYLE . :
<P style="color: red; font-size: 20px">
20 .
</p>