warto - Kurs HTML i CSS
Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}...może nie być dla nas pożądane. Na szczęście istnieje sposób na odwołanie jego efektów dla wybranych sytuacji. Każda cecha CSS ma określoną wartość domyślną, która zostanie przyjęta, jeśli nie określimy inaczej. Na przykład dla wartości koloru tekstu może to być barwa czarna, a dla koloru tła - biała. Wartości domyślne są przypisywane podczas tzw. procesu inicjalizacji. Wartości domyślne (inicjalizacja) dla poszczególnych cech CSS możesz sprawdzić w rozdziałach: Komendy CSS 2 oraz...
- Pozycjonowanie CSS / Nakładanie {z-index}
...nakładania pozycjonowanych elementów (element z numerem 1 będzie na samym spodzie - zakryty przez inne). Można również wpisać auto, co ustali wartość automatyczną. Polecenie to pozwala określić, w jaki sposób mają się nakładać elementy pozycjonowane. Normalnie kolejność nakładania (zakrywania) zależy od kolejności wpisywania elementów w kodzie źródłowym dokumentu, tzn. elementy które zostały wpisane na końcu, zakrywają te poprzednie. Dzięki z-index możemy to dowolnie zmieniać. Nawet...
Indeks, wyszukiwarka / Indeks haseł na stroniePrzydatną funkcją na każdej stronie jest jakaś forma wyszukiwarki. Jej rola jest nie do przecenienia. Dzięki wyszukiwarce użytkownicy, którzy nie znają dobrze serwisu, mogą w mig odnaleźć interesujące ich informacje. Przedzieranie się przez spis treści nie każdemu odpowiada, a poza tym nie wszystko można tam odnaleźć. Specjalną formą wyszukiwarki jest indeks lub inaczej skorowidz. Można go znaleźć w niemal każdym podręczniku. "Papierowa" wersja skorowidza jednak nie do końca jest wygodna...
- Tryb Quirks / X-UA-Compatible
...osiągnęły już dawno 🙂 Warto jeszcze zwrócić uwagę na kilka ważnych zagadnień: Wstawienie przedstawionego tutaj znacznika META - z jakąkolwiek wartością - powoduje, że przycisk, za pomocą którego użytkownik samodzielnie może się przełączyć w tryb Compatibility View, staje się dla niego niedostępny. Dlatego używając tego znacznika należy dokładnie przetestować stronę, gdyż w razie problemów nie ma drogi odwrotu. Inaczej niż w sytuacji, gdy użytkownik sam wybiera tryb Compatibility View...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...Tło Marginesy Obramowanie Kod ten będzie wykorzystywany we wszystkich przykładach, zawartych dalej w tym rozdziale. W rzeczywistych warunkach warto jeszcze dodać do znacznika <ul>...</ul> identyfikator lub klasę CSS, aby poprzez stylizację menu nie zaburzyć normalnego wyświetlania wykazów, które mogą się znaleźć w treści artykułów na stronie oraz aby mieć możliwość wstawienia kilku różnie wyglądających bloków menu w jednym dokumencie. Dlaczego w ogóle do reprezentacji menu wybiera się...
- Układ elastyczny CSS / Kolejność {order}
...dzieci kontenera elastycznego (ale nie sam kontener). Natomiast kolejność to liczba całkowita, domyślnie równa zero. Elementy z przypisaną niższą wartością, będą wyświetlane w pierwszej kolejności. Wartości ujemne pozwalają przesunąć dowolny element na miejsce przed pierwszym. Elementy z przypisaną taką samą liczbą, wyświetlą się w kolejności ich występowania w kodzie źródłowym HTML. Możliwość swobodnego ustalania kolejności wyświetlania się elementów to następna duża zaleta układu...
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
...jest wyrażone liczbą naturalną (większą lub równą zero), która określa proporcje, w jakich będą rozciągane elementy w kontenerze. Domyślna wartość - zero - odbiera elementom elastyczność. Może się zdarzyć, że w jednym wierszu kontenera elastycznego mogłoby się zmieścić więcej elementów niż mamy zapewnionych. Wtedy zwykle z prawej strony pozostaje wolna przestrzeń. Możemy jednak sprawić, aby w takiej sytuacji szerokość elementów elastycznie dopasowała się w taki sposób, aby wypełniły...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...Jak ustawić obrazek jako tło w CSS? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklaracje o odpowiednich wartościach. Na przykład jeśli plik tła nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co arkusz stylów *.css, a jego kolorystyka jest przeważająco jasna, można się posłużyć następującą regułą stylów: body { background-color: white; background-image: url(obrazek.jpg); color: black; }. Polecenie to ustawi również...
- Ochrona strony
...a tylko pewne przeszkody, mogące zatrzymać raczej osoby początkujące, które jednak stanowią większość wśród użytkowników sieci. Według mnie nie warto w ten sposób zabezpieczać każdej strony internetowej, ponieważ irytuje to tylko internautów, a i tak prawdopodobnie nie zatrzyma osób bardzo zdeterminowanych, znających w jakimś stopniu język HTML i JavaScript. Dalej w tym rozdziale znajdziesz wybrane formy blokady niedozwolonych działań na stronie. Oczywiście można je ze sobą łączyć...
Dla nauczycieli / Dla nauczycieli - Kurs HTML i CSS w Twojej klasie...do druku, a nawet bezpłatne certyfikaty ukończenia dla uczniów - bez logowania, bez reklam i bez instalowania dodatkowych aplikacji. Dlaczego warto? Prosty i przystępny język, przystosowany do osób początkujących. Nawet jeśli uczniowie nie znają żadnej składni programowania, szybko przyswoją podstawy. Dostosowany do różnych poziomów zaawansowania - lekcje HTML dla zielonych i CSS dla zielonych pozwalają zacząć od absolutnych podstaw, ale kurs zawiera też bardziej zaawansowane treści...