Piątek 04 Kwiecień 2025r. Godz 00:00:00      
Postów: 251      

Kaskadowe arkusze stylów (CSS)

Kaskadowe arkusze stylów (CSS) umożliwiają zwiększenie kontroli nad wyglądem dokumentu. Dzięki nim możemy nadać jednolity wygląd całej stronie definiując takie atrybuty jak: kolor, rozmiar lub krój czcionki, które będą takie same dla danego bloku tekstu (np. akapitu, wiersza tabeli,). Arkusze stylów definiuje się za pomocą poniższego schematu:

<STYLE TYPE="text/css">
    Typ_elementu { właściwość: wartość }
    Typ_elementu { właściwość: wartość }
</STYLE>

Pomiędzy nawiasami { i } można nadać wartość kilku właściwościom. Należy jednak pamiętać, aby każdą nową właściwość oddzielać średinkiem.

Definicję arkuszy stylów należy umieścić w sekcji nagłówka dokumentu. Wszystkich możliwe typy elementów, których wartości można definiować za pomocą CSS, spisane są w dodatkach (Właściwości arkuszy stylów).

<HTML>
  <HEAD>
    <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1250">
    <STYLE TYPE="text/css">
      <!--
Definicję arkuszy stylów powinno obejmować się znacznikami komentarzy, dzięki czemu starsze przeglądarki, nie obsługujące dynamicznego HTML-a nie będą wykazywać błędów.
        H1 { font-size: 16pt; color: yellow; text-align: center }
        P { font-style: italic; font-weight: bolder }
        A { text-decoration: none; color: white }
       -->
    </STYLE>
  </HEAD>
  <BODY BGCOLOR="#6FB20F">
    <H1>To jest nagłówek rzędu pierwszego</H1>
    <P>Arkusze stylów dają nowe możliwości projektantom stron WWW<BR>
    <A HREF="javascript:window.close()">Odnośnik bez bodkreślenia, w białym kolorze?</A>
  </BODY>
</HTML>