styl kodu liniowego

Kod:

<!- okreslenie typu HTML dla walidatora -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<! xmlns okresla przestrzeń nazw dla xml -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>styl wewnetrzny body</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!- styl wewnetrzny -->
<style type="text/css">
 /* zerowanie wszystkich marginesów i przestrzeni*/
 * {
 margin: 0px;
 padding: 0px;
 }
 /* definicja div*/
 /* overflow: hidden - -> ukrycie nadmiarowości czyli gdy elementy div są za duże*/
 div {
 overflow: hidden;
 }
 /* definicja ramki-główny element*/
 /* margin-right: auto;-wartość domyślna */
 #ramka {
 background-color: black;
 width: 1000px;
 margin-right: auto;
 margin-left: auto;
 }
 /* definicja nagłówka*/
 #naglowek {
 width: 100%;
 background-color: #ffe002;
 text-align: center;
 ;
 }
 /* definicja stopki*/
 #stopka {
 width: 100%;
 background-color: #827540;
 }
 /* definicja klasy kolumny */
 .kolumny {
 width:30%;
 margin-top:10px;
 margin-right:2%;
 margin-bottom:2%;
 margin-left:10px;
 }
 /* definicje trzech kolumn */
/* float :left; to aby elementy były obok siebie */

#kolumna_pierwsza {
float:left;
background-color: #b6ff75;
}
#kolumna_druga {
float:left;
background-color: #6593e5;
}
#kolumna_trzecia {
background-color: #663101;
float:left;
}
</style>
</head>
<body>
<div id="ramka">
<div id="naglowek"><font color="green" size="1">Sadoch Mateusz 1P </font></div>
<div class="kolumny" id="kolumna_pierwsza">
<p> <br>tradycyjny projekt HTML - CSS - PHP

<br>projekt w oparciu o technologię Flash
    
    <br>projekt w oparciu o system CMS. </p>
<p>   </p>
<p>   </p>
<p>   </p>
<p>   </p>
</div>
<div class="kolumny" id="kolumna_druga">
<p> <ul>
   1) overflow: hidden;- treść niemieszcząca się jest ukrywana <br>
   2) float:left; -  interesujący nas element HTML stanie się pływającym<br>
   3) margin-top:10px; - rozmiar górnego zewnętrznego marginesu, 10pikseli<br>
   4) margin-right:2%; -  rozmiar prawego zewnętrznego marginesu, 2%<br>
   5) margin-bottom:2%;- rozmiar dolnego zewnętrznego marginesu, 2%<br>
   6) margin-left:10px - rozmiar lewego zewnętrznego marginesu, 10pikseli<br>
     </p>   </ul>  </p>
<p>   </p>
<p>   </p>
<p>   </p>
<p>   </p>
</div>
<div class="kolumny" id="kolumna_trzecia">
<p> ARTICLE - Niezależny kawałek treści dokumentu, jak np. wpis na blogu albo artykuł w gazecie.</p>
<p> NAV - Sekcja dokumentu przeznaczona na nawigację </p>
<p> FOOTER - Stopka sekcji. Może zawierać informacje na temat autora, praw autorskich itp. </p>
<p>   </p>
<p>   </p>
</div>
<div id="stopka"> tradycyjny projekt HTML - CSS - PHP <br>

projekt w oparciu o technologię Flash<br>
    
    projekt w oparciu o system CMS.<br> <a href>http://mateusz1p.refy.pl/</a> 
</div>
</div>
<div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="//hosting2.keep.pl/prv_hosting_footer.js"></script></body>
</html>