wstawianie strony - Kurs HTML i CSS
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: document.write(' ' + ' ' + ' '); To jest akapit Zwróć uwagę, że drugi akapit (zawierający tylko spację) ani trzeci akapit (zawierający tylko pusty element-dziecko)...
Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki...['Tekst (CSS)','../css/tekst.html'], ['Tło','../css/tlo.html'], ['Tryb quirks','../css/quirks.html'], ['Wstawianie stylów','../css/wstawianie.html'], ['Wykazy','../css/wykazy.html'], ['XHTML','../html/xhtml.html'], ['Znaki secjalne','../html/znaki.html'] )); Wyszukiwarka indeks.wstawWyszukiwarke('#przyklad');
- 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...
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...
- 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...
- 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...
- Tło CSS / Tło obrazkowe {background-image}
...dowolny obrazek jako tło pod elementem. Pamiętaj jednak, żeby obrazek w tle nie był zbyt jaskrawy. Spowoduje to tylko zaciemnienie zawartości strony i utrudni czytanie. Wspólnie z tą własnością często podaje się dodatkowo kolor tła. W takim przypadku, jeśli obrazek będzie niedostępny lub użytkownik wyłączy wyświetlanie obrazów, tło przyjmie podany kolor. Ponadto jeżeli obrazek posiada przezroczystość (np. format *.gif), zostanie ona zastąpiona podanym kolorem. Jeśli kolor tekstu...
- Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}
...z dołu do góry (odpowiednik 0deg) to right top - ukośnie z lewego-dolnego do prawego-górnego narożnika to right - poziomo z lewej do prawej strony (odpowiednik 90deg) to right bottom - ukośnie z lewego-górnego do prawego-dolnego narożnika to bottom - pionowo z górny do dołu (odpowiednik 180deg - domyślnie) to left bottom - ukośnie z prawego-górnego do lewego-dolnego narożnika to left - poziomo z prawej do lewej strony (odpowiednik 270deg) to left top - ukośnie z prawego-dolnego...