ustawić - Kurs HTML i CSS
Tekst CSS / Dekoracja tekstu {text-decoration}...do elementów tekstu, aby zmienić ich wygląd. Jak podkreślić słowo w CSS? Aby podkreślić słowo w CSS, możesz użyć właściwości text-decoration i ustawić jej wartość na underline. Na przykład: <span style="text-decoration: underline">słowo</span>.
- Tekst CSS / Transformacja tekstu {text-transform}
...słów na wielkie litery. Jak zrobić duże litery CSS? Aby przekształcić tekst na duże litery w CSS, możesz użyć właściwości text-transform i ustawić jej wartość na uppercase. Na przykład: <p style="text-transform: uppercase">...</p>. To spowoduje, że wszystkie litery w tekście będą wielkie.
- Tło CSS / Kolor tła {background-color}
...tła elementu to: background-color. Co robi "background-color"? Właściwość CSS background-color służy do określenia koloru tła elementu. Można ustawić wartość tego właściwości na dowolny kolor (np. nazwę koloru, kod koloru lub RGB), a element zostanie wypełniony tym kolorem jako tłem. Jak dodać kolor tła dla wszystkich elementów H1? Aby dodać kolor tła dla wszystkich elementów H1, można użyć selektora CSS dla elementu H1 i zastosować właściwość background-color. Na przykład: h1...
- Media CSS / Dostosowanie stylów CSS do różnych urządzeń
...Jednakże różne media mogą dzielić te same własności, lecz często wymagają odmiennych wartości. Na przykład rozmiar czcionki (font-size) można ustawić zarówno dla ekranu, jak i dla drukarki, lecz dokumenty na komputerze potrzebują zwykle większej czcionki niż na papierze. Podobnie doświadczenie wskazuje, że czcionki z rodziny sans-serif są czytelniejsze na ekranie, podczas gdy serif - na papierze. Z tych powodów konieczne jest określenie, że dany arkusz stylów lub jego część jest...
Indeks, wyszukiwarka / Automatyczne sortowanieJak już wspomniono, dla poprawnego działania indeksu konieczne jest, aby hasła na liście były ułożone w kolejności alfabetycznej. Można ustawić specjalną opcję, tak aby sortowanie alfabetyczne odbywało się automatycznie: var indeks = new Indeks('indeks'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] ), null, null, true); Ustawienie tej opcji może znacznie wydłużyć generowanie indeksu! Aby wyeliminować tę niedogodność, a jednocześnie nie musieć...
- Kursory CSS / Kształt kursora {cursor}
...użyć poniższego kodu: "cursor: pointer". Jak zmienić kursor w CSS? Aby zmienić kursor za pomocą CSS, należy użyć właściwości cursor. Możesz ustawić różne wartości dla tej właściwości, takie jak pointer, text, grab itp., aby zmienić kształt i wygląd kursora na elementach HTML. Na przykład: element { cursor: pointer }. Jak zmienić kursor na "łapkę" CSS? Aby zmienić kursor na "łapkę" w CSS, użyj właściwości cursor i przypisz jej wartość pointer albo grab. Na przykład: element...
- Galeria zdjęć HTML / Klasyczna galeria zdjęć
...utrzymanie estetyki strony. Obrazki w galerii zwykle ustawia się w komórkach tabeli (najczęściej bez obramowania), dzięki czemu można je dokładnie ustawić w rzędach i kolumnach. Jeżeli zamierzasz umieścić na swojej stronie obszerniejszą galerię grafik, zaleca się podzielenie jej na kilka części i stworzenie kilku podstron z miniaturkami. Wczytanie oryginalnego dużego obrazka następuje najczęściej po kliknięciu bezpośrednio jego miniaturki. Aby zastosować taki efekt, należy użyć...
- AutoIFRAME / Kilka ramek AutoIFRAME
...Oczywiście dla każdej takiej ramki proces dostosowywania wysokości musi zachodzić niezależnie. Aby to zrobić, należy dla każdej takiej ramki należy ustawić odrębny identyfikator id="...". Na przykład tak mógłby wyglądać fragment strony głównej serwisu: <iframe src="..." name="..." id="autoiframe" width="100%" height="560">...</iframe> <iframe src="..." name="..." id="autoiframe2" width="100%" height="560">...</iframe> Nic nie stoi na przeszkodzie, aby wstawić więcej niż dwie ramki...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...0; } #menu0 dl dd { position: relative; left: 151px; bottom: 22px; border-left: 1px solid #eee; border-right: 1px solid #aaa; } Aby ustawić kolejne menu otwierane obok siebie, należy wstawić kilka osobnych bloków <dl>...</dl>, a następnie wypozycjonować je w odpowiednim miejscu względem siebie: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski...
Formularze HTML / Wysłanie formularza bez programu pocztowego...Tutaj umieść wszystkie pola formularza <input name="captcha" style="display: none"> </form> <?php } ?> Na początku kodu należy ustawić własne wartości: adres e-mail gdzie wysłać formularz Twój adres poczty elektronicznej e-mail. temat Tytuł, jaki będzie nosił formularz, tzn. temat listu, który otrzymasz, kiedy formularz zostanie wysłany. Dziękujemy za wysłanie formularza Komunikat, który zostanie wyświetlony użytkownikowi po wysłaniu formularza. W jego treści można...