1. . . , - , , . , .
, , , , , , , , .
html. ϳ html , , - . , html .
, . html.
䳿:
1) ',
2) ,
3) .
1. '. css. . ' , <HEAD> <LINK> :
<HEAD> <LINK HREF =" " TYPE = "text/css" REL = "stylesheet" TITLE = " " </HEAD>
TYPE REL , , CSS . ' - . , , : http:/www. microsoft.com/... /css/beststyle.css.
2. . , ', <STYLE> @import URL (" "), .
3. . html, <STYLE>. , . . , , .
, . - , , , . .
|
|
2. CSS. - , CSS - Cascading Style Sheets - . , , AceExpert FrontPage , . , NotePad, css.
, - , html.
-
<>: <>,
.
, :
{ 1: 1; 2: 2;
...;
N: N}
:
{color:red}.
.
:
3, LI {color:green; font-family:pragmatica; font-size: 16pt; text-align:left; border-style:ridge; border-width:2mm}
3 LI , 16 , 2 (ridge).
3. . , . 䳺 , .
:
Background-attachment | fixed scroll | ||
Background-color | red, green, #ffcc55 | ||
Background-image | URL ("peca ") | ||
Background-repeat | repeat, repeat-x, repeat-y, no-repeat | ||
Border-color | red, green, #ffcc55 | ||
Border-style | none, dotted, dashed, solid, double, groove, ridge, inset, outset | ||
Border-width | 2mm, 3mm | ||
Font-family | Arial, Times New Roman Cyr", Serif | ||
Font-size | 12pt, 16pt | ||
Font-style | normal, oblique, italic | ||
Font-variant | small-caps | ||
Font-weight | normal, bold, bolder | ||
Word-spacing | 1mm, 2mm | ³ | |
Letter-spacing | 1 mm | ³ | |
Line-height | 2 mm, 4 mm | ³ | |
Text-align | Left, right, center, justify | ||
Text-decorate | none, underline, overline, line-through, blink | ||
Text-indent | 2 cm | ||
Margin-top | 4 mm | ³ | |
Margin-right | 4 mm | ³ | |
Margin-bottom | 4 mm | ³ | |
Margin-left | 4 mm | ³ | |
Padding-top | 2 mm | ||
Padding-right | 2 mm | ||
Padding-bottom | 2 mm | ||
Padding-left | 2 mm | ||
Height | 4 cm | ||
Width | 14 cm | ||
Float | none, left, right | ' | |
Color | red, green, #ffcc55 | ||
Vertical-allign | top, super, middle, sub, bottom | ||
List-style-image | URL("apeca ") | ||
List-style-position | inside, outside | ||
List-style-type | disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none | (, , , , ) | |
|
|
, CSS: | |
In | (1 = 2,54 ) |
Cm | |
Mm | ̳ |
Pt | (1 = 28 ) |
Pc | ϳ (1 = 12 ) |
Px | ϳ |
% | ³ |
Medium | (10 ) |
Small | 50% , medium |
Large | 50% , medium |
x-large | 50% , large |
xx-large .. | 50% , x-large |
4. . () . , font - font-family, font-size, font-style, font-variant, font-weight. , , :
font:"times new roman", 12pt, italic, lighter.
. , . margin padding . ,
right | bottomleft | ||
Margin: | 1cm, | 1 cm, | 2 cm, 2 cm |
. , <BODY>, . , <BODY>.
, BODY {margin-left: 2cm} 2 . , , : H2{margin-left: -2 cm}.
5. <STYLE>, <DIV> <SPAN>. <HEAD>...</HEAD> <STYLE>... </STYLE>.
1. :
<HTML>
<HEAD> <TITLE> </ҲL>
<STYLE TYPE="text/css"> </STYLE>
</HEAD>
<BODY>...</BODY>
</HTML>
, , . , <BODY> , , , ,
.mystylel{color:red; font-size:40pt; margin-top:30px}.mystyle2{color:black; font-size:16pt; margin-top:-50px}
, , - <DIV ->...</DIV> CLASS, , :
<DIV CLASS= > </DIV>.
, , <SPAN>...</SPAN>:
<SPAN CLASS = </SPAN>.
6. . .
" , ʳ, , . , .
2. (): body
.mystyle1 { color:red; font-size: 120px; margin-top:120px; margin-left: 70px}
.mystyle2 { color:blue; font-size:120px; margin-top: -90px; margin-left:200px}
|
|
.mystyle3 { color:green; font-size:120px; margin-top: -85px; margin-left:340px}
.mystyle4 {; font-size:35px; font-style:italic; margin-top: -270px; margin-left:75px}
.mystyle5 {; font-size:25px; margin-top:17px; margin-left: 340px}
. . ' margin-top, . 120 + 120 = 240 . 120 240 90 margin-left .. margin-top . . , . , 1024x768 . .
3. :
<BODY>
<DIV CLASS=mystyle1> Kip</DIV>
<DIV CLASS=mystyle2> </DIV>
<DIV CLASS=mystyle3> </DIV>
<DIV CLASS=mystyle4> "" </DIV>
<DIV CLASS=mystyle5> .: (0322) 97-56-46</DIV>
</BODY>
, 1-3, . . 10.1 web .
. 10.1