zmiana - Kurs HTML i CSS
Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?Po co w ogóle stosować style CSS? Czy warto poświęcać czas na naukę poleceń, które w większości przypadków istnieją również bezpośrednio w składni HTML? Otóż ja uważam, że warto. Dlaczego? Najważniejsze zalety płynące ze stosowania stylów opiszę poniżej, a jeśli i to Cię nie przekona, radzę poszukać sobie bardziej przydatnego zajęcia (np. szydełkowanie z wykorzystaniem techniki haftu ozdobnego 😉). Style stały się już praktycznie podstawowym narzędziem formatującym. Jeśli poważnie myślisz o...
- Kursory CSS / Kształt kursora {cursor}
...wschód (north-west south-east): (CSS 3) - interpretuje MSIE 9, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką col-resize - pozioma zmiana szerokości kolumny: (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką row-resize - pionowa zmiana wysokości wiersza: (CSS 3) - interpretuje MSIE 6, Firefox 2, Opera, Chrome Przykład Wskaż ten tekst myszką all-scroll - przewijanie w dowolnym kierunku: (CSS 3) - interpretuje MSIE 6, Firefox 2...
Wykaz skryptów / Prawa autorskie...kodu skryptów (nie dotyczy kodu HTML ani CSS). Zmiany w skryptach są dozwolone tylko w ramach podanych w opisie. Drobne zmiany skryptu, jak np. zmiana nazw funkcji lub dodanie bądź zmiana kilku linijek kodu, pod żadnym pozorem nie uprawnia do usunięcia lub zmiany komentarza nagłówkowego podającego autora. Publikować na stronie WWW opisu skryptów bez wstawienia linku do strony głównej kursu. Udostępniać skrypty za opłatą - np. na stronie z płatnym logowaniem lub w komercyjnym programie...
HTML dla zielonych / Kolor czcionki HTML <span "color">...aqua">...</span> (akwamaryna). Jak używać kolorów w HTML? Jednym z najczęstszych sposobów, jak używamy kolorów na stronach internetowych, jest zmiana barwy tekstu. Domyślnie każdy tekst będzie napisany zwykle kolorem czarnym albo ewentualnie białym - w przypadku ustawienia ciemnego motywu w systemie operacyjnym bądź przeglądarce internetowej. Aby zmienić kolor tekstu na inny, wystarczy objąć go znacznikiem z przypisanym atrybutem o odpowiedniej wartości. Na przykład: <span style="color...
- Tekst HTML / Pozioma linia <hr>
<hr> Polecenie to pozwala narysować na ekranie poziomą linię. Może ona rozdzielać grupy akapitów, które różnią się od siebie tematycznie - np. zmiana sceny w powieści albo przejście do innego tematu w obrębie tej samej sekcji podręcznika - przez co strona staje się bardziej czytelna i przejrzysta. Wygląd poziomej linii może się różnić w zależności od przeglądarki. Przykład <hr> Przykład Pytania i odpowiedzi <hr "border-width"> Co to jest HR w HTML? Jest to element wstawiający na...
- Wstawianie stylów CSS / Rozciąganie stylu <span style>
...do wyróżniania lub stylizacji konkretnego fragmentu tekstu lub zawartości bez zmiany struktury dokumentu. Może być używany do zastosowań takich jak zmiana koloru, dodanie efektu podkreślenia lub nadania specjalnego formatowania wybranym słowom lub literom. Czym się różni SPAN od DIV? Zarówno znacznik <span> jak i <div> są znacznikami kontenerowymi w HTML, jednak różnią się głównie zastosowaniem i wpływem na strukturę dokumentu. <span> jest używany do stylizacji lub wyróżnienia...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
Spis treści @counter-style Niestandardowy typ stylu wykazu @counter-style System cykliczny @counter-style {system: cyclic} System ustalony @counter-style {system: fixed} System symboliczny @counter-style {system: symbolic} System alfabetyczny @counter-style {system: alphabetic} System numeryczny @counter-style {system: numeric} System addytywny @counter-style {system: additive} Ujemne numery wykazu @counter-style {negative} Przedrostek i przyrostek wykazu @counter-style {prefix...
- Szablon strony na DIV-ach / Płynny szablon
...najczęściej tylko blok treści strony dopasowuje się do rozmiarów okna przeglądarki, a pozostałe kolumny zawsze pozostają stałe. Dla kolumny menu zmiana szerokości zwykle nie miałaby większego sensu, gdyż często zawiera ustalone wąskie elementy (odnośniki nawigacyjne). Poza tym dzięki stałej szerokości kolumny menu podanej w pikselach jej wygląd staje się niezależny od rozdzielczości ekranu, a w tym przypadku jest to mocno wskazane. Cały czas jedynie stylizując niezmienny kod HTML...
- Szablon strony na DIV-ach / Responsywny szablon
Spis treści Wstęp Powiększenie strony Skalowalny szablon Strona mobilna Responsive Web Design (RWD) Skalowanie Responsywne obrazki Punkty przeskoku Wstęp Nie powinno być chyba dla nikogo zaskoczeniem, że urządzenia mobilne (smartfony, tablety) są dzisiaj używane tak samo chętnie lub nawet częściej niż tradycyjne komputery stacjonarne czy laptopy. Cechą wspólną tego typu urządzeń zwykle jest mniejszy ekran. W końcu trochę dziwnie by wyglądało taszczenie pod pachą...
- Oprawa graficzna / Zamiennik obrazkowy
...kod HTML, a następnie za pomocą w zasadzie drobnych wpisów w arkuszu CSS, wprowadzać daleko idące zmiany wyglądu witryny. Nie jest żadnym kłopotem zmiana ułożenia menu nawigacyjnego z orientacji pionowej do poziomej ani przeniesienie całej kolumny nawigacyjnej z lewej na prawą stronę. Jest jednak jeden ważny element, na zawartość którego nie można wpływać za pomocą CSS - obrazki. Można co prawda zmieniać rozmiary grafiki, dodawać obramowanie, ustalać pozycję i marginesy, ale nie da się...