mateusz zajac
- Co to są pseudoklasyk?
CSS przewiduje kilka ściśle określonych klas pozwalających na formatowanie niektórych
elementów dokumentu są to Pseudoklasy.
- uwaga dotycząca dwukropka:
Szalenie istotnym elementem w tej konstrukcji jest dwukropek występujący pomiędzy
selektorem a nazwą klasy.
- Tabela opisu pseudoklas
A:link,
odpowiada za wygląd hiperłącza, jeżeli nie zostało ono jeszcze
odwiedzone.A:visited,
odpowiada za formatowanie hiperłącza już odwiedzonego.
A:hover, zmiany pewnych elementów po najechaniu na nie urządzeniem
wskazującym (np. myszą), np. odsyłacz, nad którym zatrzymano kusor
lub element blokowy DIV.
A:active,
pozwala nadać dowolne formatowanie elementowi po nakierowaniu na
niego wskaźnika myszy i wciśnięciu przycisku, ale przed jego
zwolnieniem (odsyłacz aktywnykliknięty).
A:focus,
jeżeli chcemy, by właśnie wyświetlany odsyłacz z menu był
formatowany innym kolorem. Odsyłacz posiadający tzw fokuszaznaczony przy poruszaniu się po dokumencie przy pomocy klawisza
tabulacji: naciśnięcie w tym momencie klawisza ENTER spowoduje taką
reakcję przeglądarki, jakby dany odsyłacz został kliknięty.
:lang formatowanie wielojęzykowych dokumentów.
:first-child umożliwia określenie formatowania dla pierwszego dziecka wybranego
elementu.
- Zastosowanie pseudoklasy :active
1)można używać jako uzupełnienia definicji odnośników
2)jako elementu poprawiającego czytelność formularzy.
- Przykład
Temat: Arkusz wykorzystujący :link oraz :visited pseudoklasy w połączeniu z selektorem
A. Przykładowa definicja sformatuje odnośnik za pomocą koloru czerwonego i po wybraniu
taki odnośnik będzie miał kolor zielony.
A:link
{
color:red;
}
A:visited
{
color:green;
}
Przykład
Temat: Formatowanie wyglądu wszystkich odnośników w dokumencie XHTML/HTML.
A /* Definicja odsyłacza podstawowego*/
{
font-size:12pt;
text-decoration:none;
}
A:link
{
color:navy;
}
A:visited
{
color:green; }
A:hover
{
color:red;
text-decoration:underline;
}
Przykład
Temat: Zastosowanie :focus
A:focus
{
color:braun;
}
Darmowy hosting zapewnia PRV.PL