zewnętrzny arkusz stylów - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...arkusz stylów Styl lokalny Przebieg 10 min - Omówienie zasad działania CSS Wyjaśnienie selektorów i deklaracji. Różnice między stylem zewnętrznym, wewnętrznym i inline. 20 min - Praca z arkuszem stylów Dodanie koloru tła i tekstu. Zmiana czcionki, rozmiaru i wyrównania tekstu. 10 min - Sprawdzenie efektów działania stylów 5 min - Zadanie domowe: zmodyfikować kolory i wyrównanie na stronie. Lekcja 4 - Tworzenie strony za pomocą szablonu Czas trwania: 45 minut Cele...
HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>...dopóki go nie załaduje i nie uruchomi. Możemy jednak pozwolić na wykonywanie niektórych czynności równolegle - np. ładowanie innych zasobów zewnętrznych osadzonych w dokumencie - a zablokować jedynie samo wyświetlanie strony (ang. render), dopóki kod skryptu nie zakończy swojego uruchomienia i nie wygeneruje dynamicznej treści na stronie: <script src="skrypt.js" async blocking="render"></script>
Selektory specjalne CSS / Klasy selektorów <... class>...stronie znajdują się inne znaczniki tego samego rodzaju co wybrany element, ale nie chcemy, aby i one otrzymały takie samo formatowanie. Wtedy np. w zewnętrznym arkuszu stylów umieszczamy deklarację klasy, a następnie na stronach wstawiamy atrybut class="klasa" tylko dla wybranych znaczników. Dzięki temu inne znaczniki tego samego typu zachowają swoje oryginalne formatowanie. Możliwość definiowania klasy selektorów, jest bardzo ważną i przydatną własnością stylów. Pozwala nam ona zaoszczędzić...
- Tło CSS / Usunięcie tła {background: none, background-color: transparent}
...umożliwia wykasowanie zdefiniowanego wcześniej tła. Okazuje się ono przydatne, częściej niż można by sądzić. Na przykład wyobraźmy sobie, że w zewnętrznym arkuszu stylów określamy ogólne własności dla wszystkich stron naszego serwisu. Załóżmy, że znajduje się tam m.in. deklaracja tła obrazkowego stron. Jeśli teraz zechcemy tylko na jednej ze stron zastosować zwykłe tło, a jednocześnie na innych pozostawić nadal obrazkowe, może to uczynić na dwa sposoby: Nie dołączać zewnętrznego...
- Reguły specjalne CSS
...języka, w którym po raz pierwszy wybrana reguła została wprowadzona. Wzór Znaczenie Opis CSS @charset "wart"; strona kodowa Zewnętrzny arkusz stylów 2 @import "adr"; @import url(adr); import stylów z innego arkusza Import arkusza stylów 1 @font-face opis czcionki Czcionki osadzone 2 @counter-style wart niestandardowy styl licznika Niestandardowy typ stylu wykazu 3 @page pudełko strony Kontekst strony 2 @page :first Okładka wydruku 2 @page :left...
Menu rozwijane, otwierane, wysuwane / Pozycja absolutna...elementów strony, które znajdują się poniżej określonej pozycji. Dlatego pozycję należy ustalać nie poprzez atrybut style="..." ani wewnętrzny czy zewnętrzny arkusz stylów, tylko modyfikując fragment kodu wywołujący skrypt: <script> new Menu('menu0', 'position: absolute'); </script> Powyższy sposób pozycjonuje blok menu w miejscu, w którym został wstawiony, ale rozwijanie i zwijanie nie powoduje już żadnych przesunięć pozostałych elementów strony. Można oczywiście dokładnie ustalić...