Untitled

body {background-color: #c0c0c0; color: #ff0000;}
div {text-align: center; background-color: #ffff00;}
p {text-align: justify;}
h2 {color: #0000ff; text-align: center;}
h3 {color: #800000; text-align: right;}
span {color: #00ff00;}
a:link {background-color: yellow}
a:visited {background-color: #00ffff;}
a:hover {font-size: large; color: black;}
a:active {background-color: #000000; color: #ffffff;}
h2 {background-color: #00ffff;}
h3 {text-align: left; color: #800080;}
span {background-color: #ffffff;}
p.uwagi {font-family: Arial; font-size: 12pt; font-weight: bold;}
p.istotne {font-family: 'Times New Roman'; font-size: 12pt; color: red;}
p.przypisy {font-family: Arial; font-size: 10pt; color: blue;}
p.test {font-family: Arial; font-size: 30px; color: green;}


<head>
łącze do arkusza stylów  <link rel="stylesheet" href="style.css" type="text/css">
w znaczniku <title>...</title> swoje imię
</head>
<body>
<p>CSS</p>
<div> <a href=”http://www.wp.pl”>WP</a></div>
<h2> Nagłówek h2 </h2>
<div><p> dłuższy fragment tekstu </p></div>
<h3> Nagłówek h3 </h3>
<p> dłuższy fragment tekstu </p>
<h2> Nagłówek h2 </h2>
<h3> Nagłówek h3 </h3>
<p> dłuższy fragment tekstu </p>
<p class="istotne">TEST</p>
<p class="uwagi">TEST</p>
<p class="przypisy">TEST</p>
<p class="test"> xx</p>
</body>