wygląd strony - Kurs HTML i CSS
Selektory elementów CSS / Reguły stylów...p b. Deklaracja zawiera dwa zespoły cecha-wartość. Pytania i odpowiedzi Co to reguła CSS? Reguła CSS to zbiór instrukcji, które określają wygląd i formatowanie elementów na stronie internetowej. Jakie są części reguły CSS? Reguła CSS składa się z dwóch głównych części: selektora i deklaracji. Selektor wskazuje na element lub elementy, do których reguła ma być zastosowana, np. p oznacza akapit. Deklaracje określają konkretne właściwości i wartości stylów, które mają zostać...
- Selektory pseudoklas CSS / Pierwsze dziecko :first-child
...odpowiednie atrybuty otrzyma pogrubienie (znacznik b), będący pierwszym dzieckiem elementu p. Jeśli będzie się on zawierał w innym znaczniku, jego wygląd nie zostanie zmieniony: To jest akapit, a to pogrubienie, czyli pierwsze dziecko (powinno być czerwone), wewnątrz tego akapitu. To jest akapit, a to pochylenie, czyli pierwsze dziecko (nie powinno być czerwone, ponieważ nie jest pogrubieniem), wewnątrz tego akapitu. Tutaj z kolei jest pogrubienie (nie powinno być czerwone), ale drugie nie...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...serwis internetowy zawiera 100 podstron z artykułami. Na każdej podstronie zostało wstawione menu nawigacyjne. Jeśli teraz zechcesz zmienić jego wygląd, co będzie lepiej zrobić: modyfikować ręcznie 100 plików, czy dokonać zmiany tylko w jednym - zewnętrznym arkuszu stylów? No dobrze, stronę można wykonać w technologii ramkowej lub korzystając ze skryptów na serwerze, takich jak PHP - wtedy również będzie wystarczyło zmienić tylko jeden plik. Są jednak przynajmniej dwa dodatkowe powody, dla...
- Reguły warunkowe CSS / Zapytania właściwości @supports
...pełnej specyfikacji. Właściwości (cechy), których przeglądarka nie rozumie, są ignorowane. Oczywiście w takiej sytuacji strona nie będzie wyglądać dokładnie tak, jak założył jej twórca, ale nadal powinna być czytelna. Co ważne, nie spowoduje to odrzucenia całego arkusza stylów, więc dokument HTML zostanie poddany częściowemu formatowaniu - na tyle, ile będzie możliwe. Zdarzają się jednak przypadki zbyt skomplikowane, aby do ich obsługi wystarczył ten prosty mechanizm...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...można przypisać do dowolnej cechy CSS, pozwala przywrócić wartość domyślną bez względu na dziedziczenie stylów. Jeśli chcesz przywrócić pierwotny wygląd elementowi - tzn. zawsze jaki był przed dołączeniem naszych stylów do dokumentu - sprawdź, czy w takim przypadku bardziej odpowiednie nie będzie użycie wartości revert. Przykład {...: initial} To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym nie zostały nadane żadne style, a więc...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...do wstawienia na swojej stronie. Ponieważ elementy takie są osadzane w wielu różnych serwisach, nie ma możliwości efektywnie dopasować ich wyglądu do każdej strony. Dlatego ich twórcy najczęściej projektują jakiś jeden uniwersalny wygląd i dążą do tego, aby wszędzie wyglądały tak samo. Może w tym pomóc ustawienie na elemencie najbardziej nadrzędnym widżetu deklaracji "all: initial", która zresetuje wszystkie cechy CSS do ich wartości domyślnych. Trzeba jednak pamiętać o dwóch...