size text - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...</ul> ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul li { width: 200px; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px 5px 20px; font-weight: bold; background: #bfb url(obrazek.gif) no-repeat -16px -25px; color: #365; border-left: 1px solid...
- Kolory CSS / Wykaz kolorów systemowych
...elements Kolor cienia trójwymiarowych elementów ButtonText Text on push buttons Tekst na przyciskach CaptionText Text in caption, size box, and scroll bar arrow box Tekst w nagłówkach, polach zmiany rozmiaru i polach przewijania zawartości GrayText Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color Kolor tekstu na zablokowanych elementach Highlight Item(s) selected in a control Wybrana pozycja...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...(również Firefox i Opera). Przejście na tryb zgodności pozwala tabelom dziedziczyć od dowolnego rodzica wartości własności takich jak: color, font-size, font-weight, font-style, font-variant, text-decoration, text-transform, letter-spacing i line-height. Tryb Quirks pozwala określić rozmiary elementów wyświetlanych w linii (inline). W trybie zgodności znak odwróconego ukośnika "\" pozwala usunąć z następnego znaku jego specjalne znaczenie (tzw. "escape character"). W trybie Quirks...
Przeglądarka zdjęć...zdjęć, można do niej dołączyć np. taki arkusz CSS: .zdjecia { text-align: center; } .zdjecia_menu { margin-bottom: 10px; font-size: 10px; } .zdjecia_menu input, .zdjecia_menu select { font-size: 10px; } .zdjecia_opis { margin-top: 10px; text-align: justify; } Najwygodniej będzie zapisać go w osobnym pliku z rozszerzeniem *.css - np. przegladarka_zdjec.css i osadzić w nagłówku dokumentu za pomocą znacznika: <link rel="stylesheet...
Komendy HTML 4.01 / INPUT...na serwer) LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) MAXLENGTH="liczba" Gdy TYPE="text" lub TYPE="password", to podaje maksymalną liczbę znaków, możliwych do wprowadzenia NAME="nazwa" Nazwa kontrolna READONLY Kontrolka tylko do odczytu SIZE="rozmiar" Inicjalizująca szerokość kontrolki w pikselach lub w znakach (gdy TYPE="text" lub TYPE="password") SRC="adres" Gdy TYPE="image", to podaje lokalizację obrazka, który ma być...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...<link "stylesheet"> A oto przykładowy zewnętrzny arkusz stylów: /* SELEKTORY: */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #003868; background-color: #80B8E8; margin: 6mm; } p { text-align: justify; } pre, code { font-size: 8pt; } Ciekawostka Przeglądarki zwykle umożliwiają formatowanie wszystkich oglądanych stron (bez względu na ich pochodzenie), przy użyciu arkusza stylów dostarczonego przez użytkownika. Pozwala to np. określić...
- Menu drzewiaste / Skrypt menu drzewiastego
...ul.tree li.opened { background-image: url("opened.gif"); background-position: left top; background-repeat: no-repeat; } ul.tree li a { font-size: 13px; text-decoration: none; cursor: pointer; } ul.tree li a.folder { cursor: pointer; } ul.tree li a.active { font-weight: bold; } ul.tree li a:hover { text-decoration: underline; } Dodatkowo w tym samym katalogu utwórz plik tree.js i zapisz w nim: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright...
- Dobre praktyki / CSS Zorientowane Obiektowo
...wartości w klasie pochodnej. Na przykład: .Article { color: black; background-color: white; /* ... */ } .Review { color: green; font-size: 12px; /* ... */ } Pamiętaj jednak, że kolejność wymieniania nazw klas w atrybucie class="..." z punktu widzenia kaskadowości stylów nie ma znaczenia, dlatego należy zadbać, aby w arkuszu stylów definicja klasy Review znajdowała się później niż Article. Ten prosty zabieg pozwoli nam uzyskać recenzję z zielonym tekstem, przy zachowaniu...
- Dobre praktyki / Przykazania webmastera
...formatowania tekstu są: background, color, font. Używaj właściwych jednostek do ustawiania rozmiaru tekstu Do określania wartości font-size na ekranie najkorzystniej jest używać jednostki px (a nie em ani %), a na wydruku - pt. Z uzasadnieniem możesz się zapoznać w punkcie: Najlepszy sposób ustalania wielkości czcionki. Ustalaj rodzaj czcionki zawsze wspólnie z jej wielkością (i odwrotnie) Pamiętaj, że czytelność tekstu w dużej mierze zależy od proporcji wysokości małej litery...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...<p>Jakie znasz systemy operacyjne (możesz wybrać kilka opcji trzymając klawisz Ctrl)?</p> <select name="System operacyjny[]" multiple size="3"> <option selected>Dos</option> <option>Windows</option> <option>Linux</option> <option>Inny</option> </select>