Zajecia z programowania w internecie nr 3 / CSS



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>bez nazwy</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Geany 0.21" />
    <!-- w taki sposob deklarujemy style css w naglowku w headzie -->
    <!-- <style type="text/css" >
         h1     {
                font-family = Arial, sans-serif;
                font-size = 25px;
                color : red;
                text-align = center; }
                </style>

     albo za pomoca pliku dolaczanego -->
    <link rel="stylesheet" type="text/css" href="style.css" >


    <!-- mozna tez za pomoca odnosnika do selektora o podanym id tj. td id="adres"
         i odradu do danej czesci tego odnosnika np. h1
            #adres h1 {
                    font-family:Arial,sans-serif;
                    font-size:14px;
                    color:red;
                    }
            p.lol { color:green }
         mozna tez odwolac sie do stworzonej klasy dla klasy p
     -->


    <!--
    Tyle h1 o id adres sie zmienia
    #adres h1{
        font-family : Arial, sans-serif;
        font-size : 14px;
        color : red;}
    -->

    </style>

</head>

<body>
          <!--

          tutaj deklarujemy bezposrednio do danego elementu np h1
          <h1 style="font-family: Arial; color=red;"></h1>

          selektor { wlasnosc : wartosc ; wlasnosc2 : wartosc }
          mozna w grupach

          h1,h2,h3 { color : red }

          Klasy
          <p class="wazny tekst"></p>
          Definiuje klase p do ktorej mozemy dodawac style np.
          p.waznytekst{color:red}


          -->

          <table>
            <tr>
                <td id="adres">
                    <h1>Pawel Borawski</h1>
                    <p class="lol"> Trynosy-Osiedle</p>
                    <p> 07-311 Wasewo</p>
                </td>
            </tr>
            <tr>
                <td id="tekst">
                    <h1> Jakies tekst</h1>
                </td>
            </tr>
          </table>

</body>

</html>