CSS
<html>
<head>
<title> CSS </title>
<style type="text/css">
p {color:#006633}
.forexample {color:Yellow}
#ident {color:#ffffff; font-weight:bold}
body {background-color:#66cc66}
</style>
</head>
<body>
<p> - </p>
<p></p>
<p class="forexample"> </p>
<p id="ident"> , </p>
<h2 class="forexample"></h2>
<p></p>
</body>
</html>
.css
:
| @charset "windows-1251"; /* CSS Document */ body {background-color:#0000cc} p {color:#222255}.forexample {color:Orange} #ident {color:#ffffff; font-weight:bold} |
, index.html, .html , .css, , file.css. style.css
css
@charset "windows-1251";
/* CSS Document */
body {
background-color:#0000cc
}
p {
color:#222255
}
.forexample {
color:Orange
}
#ident {
color:#ffffff;
font-weight:bold
}
HTML :
| <html> <head> <title> , CSS HTML </title> <link rel="stylesheet" type="text/css" href="file.css" /> </head> <body> <p> - </p> <p></p> <p class="forexample"> </p> <p id="ident"> , </p> <h2 class="forexample"></h2> <p></p> </body> </html> |
font-weight :
font-weight: bold → .
font-size :
.paragraf {font-size: 14px}
h1 {font-size: 180%}
font-style :
font-style: italic → ().
font-variant :
font-variant: small-caps → .
CSS :
| font-family: | P |
| Verdana, Geneva, sans-serif | |
| Arial, Helvetica, sans-serif | |
| 'Times New Roman', Times, serif | |
| 'Courier New', Courier, monospace |
<title>CSS </title>
<style type="text/css">
p {
font-family:'Times New Roman', Times, serif;
font-weight:bold;
font-size:18px;
font-style:italic
}
</style>
</head>
<body>
<div> </div>
<p>
, 18 , , Times New Roman
</p>
</body>
|
|
|
:
CSS style="font-style:italic" .
:
CSS style="font-weight:bold" .
:
style="font-weight:300" .
:
| <head> <style type="text/css"> p {font-size:13px} p.big {font-size:16px} </style> </head> <p> 13 .</p> <p class="big"> 16 .</p> |
:
13 .
16 .
CSS
| font-family:Tahoma, sans-serif | CSS |
| font-size:15px | CSS |
| font-style:italic | CSS |
| font-variant:small-caps | CSS |
| font-weight:bold | CSS |
| letter-spacing:2px | CSS |
| word-spacing:7px | CSS |
| color:#cc0033 | CSS |
| text-indent:40px | CSS |
| text-decoration:underline | CSS |
| text-decoration:overline | CSS |
| text-decoration:line-through | |
| text-transform:capitalize | CSS |
| text-transform:lowercase | css |
| text-transform:uppercase | CSS |
| vertical-align:super | CSS text |
| vertical-align:sub | CSS text |
font-family:Tahoma, sans-serif .
font-size:13px .
font-style:italic ( ).
font-variant:small-caps .
font-weight:bold .
letter-spacing:2px .
word-spacing:7px .
color:#cc0033 .
text-indent:40px .
text-decoration:underline .
text-decoration:overline .
text-decoration:line-through .
text-transform:capitalize .
text-transform:lowercase .
text-transform:uppercase .
vertical-align:super .
vertical-align:sub .
:
<title> </title>
<style type="text/css">
body {
color:#000066
}
.primer {
text-decoration:underline;
text-align:right;
letter-spacing:5px
}
#example {
text-indent:50px;
word-spacing:20px;
color:Green
}
</style>
</head>
<body>
<div class="primer"> , , , -</div>
<div> - </div>
<p id="example"> , 20 , </p>
</body>
|
|
|
:
| <html> <head> <title>CSS </title> </head> <body> <h1 style="color:#ff0000"> 1- </h1> <p style="color:#ffff00"> </p> <p style="color:#00ff00"> </p> <p style="color:#0000ff"> </p> </body> </html> |
:
| <html> <head> <title>CSS </title> </head> <body style="color:#ff6c36"> <h1 align="center"> 1- </h1> <p> </p> <p> </p> <p style="color:#0000ff"> </p> </body> </html> |
