Car CSS - dokumentacja

Dokumentacja Car CSS.

Nagłówek

Kod:

<header id="header">

  <h1>Car CSS - strona główna </h1>

  <p>
   CarCSS to framework CSS dedykowany dla stron internetowych.
  </p>

</header>


Menu

Kod:

<nav id="nav">

  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>

</nav>


Stopka

Kod:

<footer id="footer">

Copyright © 2025. Wszelkie prawa zastrzeżone.

</footer>


Wpis

Aktualności

To jest wpis w aktualnościach

Opis

Wpis powinien być umieszczony w sekcji o id "main" czyli

<section id="main">
  <!-- Wpis do aktualności -->
</section>


Kod:

<h1 class="aktualnosci"> Aktualności </h1>

<div class="wpis">
  <img src="assets/img/car.jpeg" alt="Car">
  <a href="#">
   <h1>To jest wpis w aktualnościach </h1>
  </a>
</div>


Mały wpis

Użytkowe

To jest mały wpis w aktualnościach

Kod:

<h1 class="uzytkowe">Użytkowe</h1>

<div class="maly-wpis">
  <img src="../assets/img/car.jpeg" alt="Car">
  <a href="#">
   <h1>To jest mały wpis w aktualnościach</h1>
  </a>
</div>


Tabela

Kod:

<table>
  <tr>
   <th>Nazwa 1</th>
   <th>Nazwa 2</th>
   <th>Nazwa 3</th>
  </tr>
  <tr class="zaznaczenie">
   <td>Właściwość 1.1</td>
   <td>Właściwość 1.2</td>
   <td>Właściwość 1.3</td>
  </tr>
  <tr>
   <td>Właściwość 2.1</td>
   <td>Właściwość 2.2</td>
   <td class="zaznaczenie">Właściwość 2.3</td>
  </tr>
  <tr>
   <td>Właściwość 3.1</td>
   <td>Właściwość 3.2</td>
   <td>Właściwość 3.3</td>
  </tr>
</table>


Listy

Kod:

<span class="lista">
  <ul>
   <li>Element 1</li>
   <li>Element 2</li>
   <li>Element 3</li>
  </ul>

  <ol>
   <li>Element 1</li>
   <li>Element 2</li>
   <li>Element 3</li>
  </ol>

</span>

<span class="lista">
  <ol>
   <li>Element 1</li>
   <li>Element 2</li>
   <li>Element 3</li>
  </ol>
</span>