wstawianie strony - Kurs HTML i CSS
Selektory specjalne CSS / Klasy selektorów <... class>...elementów - umieścisz w zewnętrznym arkuszu stylów, tym szybciej przebiegnie późniejsza ewentualna modyfikacja stron! Dobrym pomysłem jest również wstawianie komentarza przed każdą deklaracją klasy w arkuszu (znaki: /* ... */), w którym opisuje się jej przeznaczenie. Po jakimś czasie w Twoim arkuszu stylów może znaleźć się tyle klas, że zapomnisz, do jakich elementów się one odnosiły. Wtedy właśnie bardzo przydatny może się okazać wpisany wcześniej komentarz. Przykład <... class> Jeżeli w...
- Tekst CSS / Tryb pisania {writing-mode}
...linijki tekstu ułożone poziomo jedna pod drugą (domyślnie) vertical-rl - linijki tekstu ułożone pionowo obok siebie od prawej do lewej strony (ang. right-to-left) vertical-lr - linijki tekstu ułożone pionowo obok siebie od lewej do prawej strony (ang. left-to-right) W wielu językach azjatyckich tekst podczas pisania tradycyjnie układany jest pionowo, gdzie kolejne linijki są położone obok siebie. Na przykład w językach pochodzenia mongolskiego linijki ułożone są pionowo obok...
- Pozycjonowanie CSS / Pozycja statyczna {position: static}
...Jest to przydatne np. w celu usunięcia ogólnej deklaracji pozycjonowania, umieszczonej w arkuszu stylów. Wystarczy wtedy, dla wybranych elementów strony, umieścić powyższe polecenie w stylu inline. Spowoduje to usunięcie pozycjonowania dla tych elementów, a jednocześnie utrzymanie dla innych (tego samego typu). Przykład {position: static} Gdyby w arkuszu stylów tej strony [zobacz: Wstawianie stylów], została umieszczona taka linijka: h1 { position: relative; left: 50% } to teraz wszystkie...
Promocja strony WWW / Spam...nie lubi dostawać niechcianych listów 🙁. Jeśli nie chcesz zostać okrzyknięty oszustem, absolutnie nie stosuj tej metody! Inną formą spamu jest np. wstawianie linków do swojej strony w miejscach do tego nieprzeznaczonych, jak np. grupy i fora dyskusyjne - z wyjątkiem przeznaczonych działów. Dla większości osób niemile widziane jest również otrzymywanie takich linków za pośrednictwem komunikatorów internetowych lub w rozmowach czat. Nadużywając tych kanałów do prezentowania odnośników własnej...
- Podcast HTML / #6 Multimedia HTML
...Należy unikać formatu BMP, który jest słabo skompresowany, co może kilkukrotnie zwiększyć rozmiar pliku. Multimedia znacząco zwiększają objętość strony, dlatego warto stosować kompresję. Osadzanie multimediów innych niż grafika Znacznik <embed> pozwala osadzić na stronie WWW pliki takie jak animacje, filmy lub muzyka. Wtyczka (plug-in) to niewielki program, który jest doinstalowywany do przeglądarki, aby umożliwić odtwarzanie danego pliku. Znacznik <embed src="ścieżka" width="x...
- Drukowanie CSS / Przełamanie strony {page-break-before, page-break-after}
...lewa right - następna strona formatowana jako prawa avoid - unikanie przełamania Polecenie to wymusza na drukarce natychmiastowe przełamanie strony, czyli zakończenie drukowania na danym arkuszu papieru i przejście do następnego. Pierwsze z nich czyni to przed wybranym elementem (wybranym przez SELEKTOR), a sam element znajdzie się już na nowej kartce. Natomiast drugie polecenie przełamuje stronę po elemencie, a sam element zostaje na poprzedniej kartce. Polecenie takie jest...
- Czcionki CSS / Wielkość czcionki {font-size}
...2ex Procent wielkości bieżącej: Przykład rozmiar 75% Czcionka bieżąca rozmiar 150% Jeśli definiowane własności mają odnosić się do całej strony (np. wielkość czcionki na całej stronie), można użyć selektora BODY albo HTML. Najlepszy sposób ustalania wielkości czcionki Jak widać, rozmiar tekstu można definiować przy pomocy wielu jednostek, jednak wcale nie jest wszystko jedno, w jaki sposób to zrobimy. Jednostka "em" Kiedyś panowała opinia, że najlepszą jednostką do ustalania...
- Selektory pseudoklas CSS / Pusty element :empty
...oznaczanie treści. Przykład :empty Po wpisaniu w arkuszu stylów: p:empty { background-color: red; width: 100%; height: 1em } a w dowolnym miejscu strony: <p></p> <p> </p> <p><b></b></p> <p>To jest akapit</p> otrzymamy cztery akapity, z których tylko pierwszy element (pusty) powinien mieć ustawione tło koloru czerwonego: To jest akapit Zwróć uwagę, że drugi akapit (zawierający tylko spację) ani trzeci akapit (zawierający tylko pusty element-dziecko), nie otrzymały zmienionego...
- Tekst CSS / Wyrównanie tekstu {text-align}
...użyj właściwości text-align i ustaw wartość na justify, na przykład <p style="text-align: justify">...</p>. Jak ustawić tekst na środku strony? Aby ustawić tekst na środku strony, możesz zastosować stylowanie CSS do elementu zawierającego tekst, na przykład używając: <p style="text-align: center">...</p>. Jak napisać tekst po prawej stronie w HTML? Aby napisać tekst po prawej stronie w HTML, możesz umieścić tekst w odpowiednim elemencie, na przykład <p> lub <div>, a...
- Tekst CSS / Białe znaki w tekście {white-space}
...jako "sposób" należy podać: normal - zamiana kilku sąsiadujących ze sobą spacji na jedną; wiersze są przełamywane automatycznie na końcu szerokości strony (domyślnie) pre - umożliwia wyświetlenie wielu spacji obok siebie; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter (tekst preformatowany) nowrap - tryb identyczny jak "normal" z tym, że nie pozwala na przełamanie wiersza (przejście do następnej linii), aż do napotkania znacznika <br> pre-wrap - (CSS 2.1) pozwala...