Pseudoelementy
Ciekawą grupę selektorów stanowią pseudoelementy, które pozwalają na przypisanie kolejnych wymyślnych stylów do elementów strony WWW.
Pseudoelement :first-letter pozwala na formatowanie pierwszej litery w … Czytaj dalej ...
Pseudoelementy
Ciekawą grupę selektorów stanowią pseudoelementy, które pozwalają na przypisanie kolejnych wymyślnych stylów do elementów strony WWW.
Pseudoelement :first-letter pozwala na formatowanie pierwszej litery w … Czytaj dalej ...
Pseudoklasy
Specyfikacja CSS przewiduje kilka ściśle określonych klas, pozwalających na formatowanie niektórych elementów dokumentu. Do najpopularniejszych z całą pewnością zaliczają się pseudoklasy odsyłaczy.
a: link… Czytaj dalej ...
Klasy
Klasy są kolejnym podstawowym pojęciem w kaskadowych arkuszach stylów. Budowa klasy ma następującą postać:
selektor.nazwaklasy
{
font-size:12 pt;
color:green;
}
Zwróć uwagę na fakt … Czytaj dalej ...
Identyfikatory
Dotychczas opisane selektory pozwalały na przypisanie danego formatowania wszystkim elementom odpowiadającym użytemu selektorowi. Przykładowy styl zamieszczony poniżej określa, iż wszystkie akapity powinny zostać sformatowane … Czytaj dalej ...
Selektor atrybutu
Niemal każdy znacznik języka XHTML/HTML może być uzupełniony o atrybuty przypisane do niego przez specyfikację, np.
<h1 title=”czerwony”>Nagłówek stopnia pierwszego</h1>
Dzięki kolejnej osłonie … Czytaj dalej ...
Selektory rodzeństwa
Również w przypadku tego typu selektorów opieramy się na zależnościach obowiązujących w języku XHTML/HTML. Na podstawie tego rodzaju selektora możemy przypisać styl elementowi … Czytaj dalej ...
Selektory dziecka
Selektory dziecka są wynikiem zależności panujących pomiędzy poszczególnymi znacznikami języka HTML. Przykład opisanego selektora znajduje się poniżej.
p > span
{
font-style:italic;
text-decoration:underline;… Czytaj dalej ...
Selektory potomka
W przypadku selektora potomka najlepszym rozwiązaniem jest rozpoczęcie jego omawiania od konkretnego przykładu. Dzięki temu działanie tej konstrukcji powinno być znacznie bardziej zrozumiałe.… Czytaj dalej ...
Selektory
Pojęcie selektora, o którym kilka razy już wspominałem, jest jednym z najważniejszych elementów składowych CSS. To właśnie dzięki selektorowi możemy przypisać konkretny styl dla … Czytaj dalej ...
Budowa stylu
Ogólny schemat konstrukcji stylu wygląda następująco:
selektor {cecha: wartość; cecha: wartość; etc.;}
W schemacie budowy stylu widocznym w poprzednim podrozdziale zamiast słowa selektor … Czytaj dalej ...