Skopiuj plik zawartoscanonimowa.zip rozpakuj go do folderu WWW.
Otwórz plik zawartoscanonimowa.html w przeglądarce internetowej. Zapoznaj się ze źródłem pliku.
W elemencie style dodaj kod:
<style type="text/css">
p:before {
content: "START ";
}
</style>
Zapisz zmiany i odśwież podgląd.
W elemencie style dodaj kod:
p:after {
content: " KONIEC";
color: silver;
}
Zapisz zmiany i odśwież podgląd.
W elemencie style dodaj kod:
body {
counter-reset: licznik;
}
Zapisz zmiany i odśwież podgląd.
W elemencie style dodaj kod:
h1:before {
content: counter(licznik) ". ";
counter-increment: licznik;
}
Zapisz zmiany i odśwież podgląd.
W elemencie style dodaj kod:
q {
quotes: "," "\2019";
}
Zapisz zmiany i odśwież podgląd.
Umieść pliki witryny na serwerze.
{content:} – definiuje wtawianą zawartość. Wartości stylu może być równa: łańcuch znakowy - tekst, URL - adres pliku, counter - licznik, counters - liczniki, attr(X) - wartością atrybutu X,
open-quote - cudzysłow początkowy, close-quote - cudzysłowów końcowy, no-open-quote - brak cudzysłowów początkowych , no-close-quote brak cudzysłowów końcowych{counter-reset:} – definiuje nazwę, identyfikator licznika lub liczników i zeruje go.{counter-increment:} – definiuje przyrost określonego licznika.{quotes:} – definiuje znaki cudzysłowu.W elemencie style dodaj kod:
}
@page {
margin: 3cm;
}
</style>
Zapisz zmiany i odśwież stronę. Sprawdź podgląd wydruku.
W elemencie style dodaj kod:
}
@page :left {
margin-right: 5cm;
}
@page :right {
margin-left: 5cm;
}
@page :first {
margin-top: 1cm;
margin-bottom: 1cm;
}
</style>
Zapisz zmiany i odśwież stronę. Sprawdź podgląd wydruku.
W elemencie style dodaj kod:
}
h2 {
page-break-before: always;
}
h3 {
page-break-after: avoid;
}
h2, h3 {
page-break-inside: avoid;
}
</style>
Zapisz zmiany i odśwież stronę. Sprawdź podgląd wydruku.
W elemencie style dodaj kod:
}
p, li {
orphans: 3;
widows: 3;
}
</style>
Zapisz zmiany i odśwież stronę. Sprawdź podgląd wydruku.
Umieść pliki witryny na serwerze.
{page-break-before:} – definiuje rozpoczęcie nowej strony wydruku przed elementem. Wartościami są: auto - niewymuszone łamanie stron, always - wymusza łamanie strony, avoid - unikanie łamania stron, left - wymusza takie łamanie strony, że następna strona złoży się jako lewa, right - wymusza takie łamanie strony, że następna strona złoży się jako prawa.{page-break-after:} – definiuje rozpoczęcie nowej strony wydruku po elemencie. Wartościami są: auto, always, avoid, left, right.{page-break-inside:} – definiuje rozpoczęcie nowej strony wydruku wewnątrz elementu. Wartościami są: auto, avoid.{orphans:} – definiuje definiuje minimalną ilość wierszy w akapicie, które muszą być widoczne na końcu strony. Wartościa stylu jest liczba.{widows:} – definiuje minimalną ilość wierszy w akapicie, które muszą być widoczne na początku strony. Wartościa stylu jest liczba.