Style podstawowe

Nagłowek 1

Nagłowek 2

Nagłowek 3

Nagłowek 4

Nagłowek 5
Nagłowek 6

Pogrubienie, podkreślnie, pochylenie, przekreślenie, indeks górny, indeks dolny

 

Odsyłacz do naszej strony

Cytat: Dobry plan to połowa sukcesu

 

Bardzo długi tekst który jest tylko zalążkiem akapitu i tak na prawdę nie ma na celu informować użytkownika, tylko sprawdzić czy Webdeveloper dobrze wykonał stylizację tekstów. A teraz w tym momencie zrobimy tzw "miękki enter"
który nie zacznie nam nowego akapitu, tylko włoży znak
.

Nowy akapit który powinien być oddzielony od poprzedniego wyraźną przerwą za pomoca stylu CSS padding lub margin. Wstaiamy także w tym miejscu odsyłacz który nie prowadzi do nikąd.

A teraz czas na listę wypunktowaną:

W skład Trójmiasta wchodzą

  • Gdańsk
  • Sopot
  • Gdynia
    1. Pogórze
      • Dolne
        • ul. Żelazna
        • ul. Miedziana
        • ul. Uranowa
      • Górne
    2. Witomino
    3. Orłowo

Jeżeli mamy w/w miasta uszeregowac pod wzgledem liczby mieszkańców, to:

  1. Gdańsk
  2. Gdynia
  3. Sopot

 

Znaki specjalne:

& € £ ¥ © ® ™ ‰ µ § ß ♣ ♥ ♦

 

Czas na kolory w tekście:

Teraz sprawdźmy kolory: tutaj będzie niebieski koloru, tutaj żółty kolor, tutaj czerwony kolor, natomiast tutaj biały kolor, kolejny to czarny kolor, kolor zielony także tutaj występuje.

A tutaj będzie ktowica bez odnosnika

kotwica bez odnosnika

 

Czas na kolory tła:

Teraz sprawdźmy kolory : tutaj będzie niebieski koloru na żółtym tle, tutaj żółty kolor na niebieskim tle, tutaj czerwony kolor na tle purpurowym, natomiast tutaj biały kolor na jasno-niebieskim tle, kolejny to czarny kolor na bialym tle, kolor zielony także tutaj występuje na pomarańczowym tle.

Adres:

Jan Kowalski
00-999 Warszawa ul. Lipowa 1
Z dopiskiem: Jak dobrze ostylizować dokument css
A w tej sekcji wstawiamy czcionkę o stałej szerokości znaków

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed erat lectus, ac accumsan nisl. Sed arcu dui, placerat vitae mattis vel, consequat non orci. Nulla vestibulum orci non felis porttitor sit amet convallis leo ornare. Etiam pellentesque gravida orci, eget blandit risus accumsan sit amet. Nulla faucibus, velit ut porta consectetur, erat augue ultrices mauris, in mattis erat ante et diam. Cras pulvinar, mauris ac rutrum porttitor, libero orci viverra elit, vitae vestibulum dolor felis in ante. Quisque dignissim eros ut enim placerat at tincidunt elit malesuada. Phasellus vitae nulla risus, non suscipit est. Suspendisse potenti. Mauris sed erat nec mauris euismod dignissim quis vel lacus. Nulla eu nibh massa.

 

Miasto Powierzchnia Liczba ludności
Tytuł: Tabela dla Trójmiasta
Gdańsk 50% 400 000
Sopot 10% 50 000
Gdynia 40% 270 000

Pod tym tekstem jest linia

Nad tym tekstem jest linia

 

Style mieszane - czasami nierealne

Jeżeli dobrze ostylizowaliśmy powyższe podstawowe elementy, to w tej sekcji wszystko powinno przechwytywać wartości rodzica a nie swoje własne. Zatem zobaczmy:

 

Nagłowek typu 1 z odnośnikiem pogrubionym i przekreślonym w środku

Nagłowek typu 2 z odnośnikiem pogrubionym i przekreślonym w środku

Nagłowek typu 3 z odnośnikiem pogrubionym i przekreślonym w środku

Nagłowek typu 4 z odnośnikiem pogrubionym i przekreślonym w środku

Nagłowek typu 5 z odnośnikiem pogrubionym i przekreślonym w środku
Nagłowek typu 6 z odnośnikiem pogrubionym i przekreślonym w środku

Lista punktowana ostylizowana