góry - Kurs HTML i CSS
Media CSS / Zapytania mediów...parzyste, a potem nieparzyste W telewizorach kineskopowych stosowano wyświetlanie z przeplotem. Oznaczało to, że obraz był rysowany poczynając od góry bardzo wąskimi liniami, biegnącymi poziomo od lewej do prawej krawędzi ekranu. Ponieważ dawne telewizory nie posiadały możliwości szybkiego wyświetlania tych linii, po zakończeniu rysowania ostatniej, pierwsza już była blada, co w efekcie mogłoby wywoływać efekt falującego z góry do dołu migotania jasności obrazu. Dlatego właśnie wymyślono...
- Układ elastyczny CSS / Przepływ elastyczny {flex-direction, flex-wrap, flex-flow}
...przeciwnym kierunku (w języku polskim będzie to od prawej do lewej krawędzi kontenera) column - ułożenie pionowo w kolumnach (w języku polskim - od góry do dołu) column-reverse - ułożenie pionowo w kolumnach (w języku polskim - od dołu do góry) Polecenie pozwala sterować ułożeniem bloków w sposób podobny do wyrazów w tekście akapitu. Wyrazom jednak nie możemy nadawać rozmiarów, a blokom w układzie elastycznym - tak. Zawijanie elastyczne {flex-wrap} selektor { flex-wrap: zawijanie }...
Ikony (symbole) / Formatowanie tekstu...Formatuj rozmiar format_size format_size Spis treści toc toc Formatuj podkreślenie format_underlined format_underlined Wyrównanie pionowe do góry vertical_align_top vertical_align_top Wysokość height height Wyrównanie pionowe do dołu vertical_align_bottom vertical_align_bottom Skopiuj wszystko copy_all copy_all Widok tygodnia view_week view_week Formatuj kolor tekstu format_color_text format_color_text Niska priorytetowość low_priority low_priority Wgraj folder do Dysku...
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...align-items: flex-end To jest blok nr 1 blok 2 blok 3 "align-items: center" - ten sposób pozwala wyśrodkować w pionie element, nawet jeżeli z góry nie wiemy, ile treści będzie się w nim znajdować: To jest blok nr 1 blok 2 blok 3 align-items: baseline blok 1 blok 2 blok 3 align-items: stretch To jest blok nr 1 blok 2 blok 3 Indywidualne wyrównanie wiersza {align-self} selektor { align-self: wyrównanie } Selektorem mogą być dzieci kontenera elastycznego (ale nie sam...
- Promocja strony WWW / Odpowiednia treść
...dużą satysfakcję. Niech czytają i będą mi wdzięczni... Chyba już wiesz o co chodzi z tym cytatem powyżej? Nigdy nie traktuj swoich czytelników z góry. Zawsze odnoś się do nich z szacunkiem, nawet jeśli mają jakieś głupie - Twoim zdaniem - problemy. Jeśli nie zamierzasz regularnie odpowiadać na listy, lepiej zapomnij o prowadzeniu własnej strony WWW. Słyszałem, że można na tym zarobić... Z takim podejściem nic nie wskórasz. Żeby zarobić, najpierw musisz przyciągnąć czytelników, więc tak...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...3,... Podpunkty drugiego rzędu - litery: a, b, c,... Co jednak zrobić, jeżeli nie odpowiada nam taki sposób numeracji punktów albo nie możemy z góry określić ile będziemy mieli poziomów zagnieżdżenia? CSS daje na to prostą receptę - automatyczną numerację, czyli możliwość dowolnego określania sposobu numerowania elementów, np.: Punkty główne: 1., 2., 3.,... Podpunkty: 1.1., 1.2., 1.3.,... 2.1., 2.2., 2.3.,... 3.1., 3.2., 3.3.,... Podpunkty drugiego rzędu: 1.1.1., 1.1.2., 1.1.3...
- Pozycjonowanie CSS / Wyświetlanie {display}
...dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: block - element będzie wyświetlony w bloku (odstęp z góry i z dołu) inline - element będzie wyświetlony w linii (sąsiadująco z innymi) list-item - element wykazu: <li>...</li> none - element nie będzie wyświetlany inline-block - element zachowuje się podobnie jak element zastępowany (Firefox 3, Opera 7, Chrome, Konqueror) run-in - jeśli po elemencie następuje brat będący blokiem, element...
Menu drzewiaste / Skrypt menu drzewiastego...28, nawias zamykający - %29. Wyrażenia regularne Występują sytuacje, kiedy dokumentów w kolekcji może być bardzo dużo albo nie wiemy z góry ile, wszystkie jednak pasują do określonego wzorca - np.: /artykul/czesc1.html, /artykul/czesc2.html, /artykul/czesc3.html itd. W takim przypadku dogodniejsze może być dopasowanie adresu przy użyciu wyrażeń regularnych. Aby to zrobić, adres w kolekcji należy objąć nawiasami kwadratowymi, w których wpisuje się treść wyrażenia, np...
Sławomir Kokłowski (autor)...kierunek: Inżynieria oprogramowania Zainteresowania: 💻 informatyka 🌐 internet 🎓 nauka - tylko "rekreacyjnie" 😉 🌄 góry 🏃 bieganie - najlepiej bieganie w górach 🙂 📷 fotografia 👽 science-fiction 📖 książki 🎬 film 🎵 muzyka WWW: Właśnie ją czytasz... Strona domowa: www.kurshtml.edu.pl/home Kariera zawodowa Moja przygoda z programowaniem rozpoczęła się w latach 90., kiedy komputery osobiste dopiero zdobywały popularność. Byłem zafascynowany...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...elastycznie dopasowując ich wygląd do lokalnego szablonu. Analogicznie jak we wspomnianym wcześniej rozdziale pt. Menu w CSS, także i tutaj z góry ustalimy kod HTML, który następnie będzie wykorzystywany we wszystkich przykładach w tym rozdziale. Zmieniając wygląd kolejnych przygotowywanych szablonów, będziemy projektować jedynie kolejne arkusze CSS dla wciąż niezmiennego kodu HTML. Jest to praktyczny przykład implementacji koncepcji rozdzielenia struktury i prezentacji dokumentów...