rozmiar obrazka - Kurs HTML i CSS
Komendy CSS3 / Maskowanie CSS...obramowania Wartość <number-percentage>{1,4} fill? Inicjalizacja 0 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do rozmiaru maski obrazka obramowania Media visual mask-border-source Źródło maski obrazka obramowania Wartość none | <image> Inicjalizacja none Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual mask-border-width Szerokość maski obrazka obramowania Wartość [ <length-percentage> | <number> | auto ]{1,4}...
Aktualizacja / System newsów...newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight...
- Dobre praktyki / Przykazania webmastera
...(lub odziedziczony) kolor tekstu (i odwrotnie) Ustal w jednym miejscu globalne style formatowania tekstu Używaj właściwych jednostek do ustawiania rozmiaru tekstu Ustalaj rodzaj czcionki zawsze wspólnie z jej wielkością (i odwrotnie) Ustalanie rodzaju czcionki zawsze kończ podając nazwę rodziny ogólnej Tekst musi być czytelny Nie zmuszaj czytelników do szukania odnośników Rozważ używanie techniki "duszków" CSS (and. CSS sprites) Nie stosuj trybu Quirks na nowo tworzonych stronach Nie...
Podcast HTML / #1 HTML dla zielonych...tekst</s> Indeks górny: x<sup>2</sup> (np. x2) Indeks dolny: H<sub>2</sub>O (np. H2O) Zmiana stylu czcionki (znacznik <span>) Do zmiany stylu (rozmiar, kolor, rodzaj) fragmentu tekstu używa się znacznika <span> z atrybutem style. Wartości atrybutów dla tego samego znacznika można łączyć, rozdzielając je średnikami. Rozmiar: <span style="font-size: large">Tu wpisz tekst</span> Kolor: <span style="color: red">Tu wpisz tekst</span> (np. na czerwony) Rodzaj czcionki: <span...
- Komendy HTML 4.01 / Wykaz atrybutów
...własności name SELECT Nazwa pola nohref AREA Ten obszar nie ma przypisanej akcji noresize FRAME Nie pozwala użytkownikom zmieniać rozmiaru ramki noshade HR Pozioma linia pozbawiona cienia nowrap TD, TH Blokada zawijania tekstu object APPLET Plik zasobów onblur A, AREA, BUTTON, INPUT, LABEL, SELECT, TEXTAREA Element utracił zogniskowanie onchange INPUT, SELECT, TEXTAREA Wartość elementu została zmieniona onclick Wszystkie elementy oprócz APPLET...
- Komendy CSS3 / Tło i obramowanie CSS
...<bg-position> Inicjalizacja 0% 0% Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do powierzchni pozycjonowania tła minus rozmiar obrazka tła background-repeat Powtarzanie tła Wartość <repeat-style> Inicjalizacja repeat Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie background-size Rozmiary tła Wartość <bg-size> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do powierchni pozycjonowania tła...
- Podcast HTML / #6 Multimedia HTML
...i height: określają szerokość i wysokość obrazka w pikselach ("x") lub w procentach ekranu ("x%"). Jest to dobry nawyk, ponieważ jeśli nie wstawimy rozmiarów, treść może się "rozjeżdżać" podczas wczytywania. Formaty graficzne Obrazki powinny być zapisane w jednym z trzech zalecanych formatów: GIF: używany dla rysunków składających się z mniej niż 256 kolorów (np. przyciski menu). Obsługuje przezroczystość. Animowane bannery to specjalne pliki GIF, ale pamiętajmy, że im więcej klatek, tym...
- Obramowanie CSS / Cień {box-shadow}
...w CSS pozwala dodawać cień do elementu. Można określić przesunięcie cienia poziomo i pionowo, rozmycie, kolor cienia oraz opcjonalnie kierunek i rozmiar cienia. Dzięki temu można uzyskać efekt wypukłości, odcinania elementu od tła lub inny efekt wizualny. Jak zrobić cień w CSS? Aby dodać cień do elementu w CSS, można użyć właściwości box-shadow i określić wartości cienia, takie jak przesunięcie poziome, przesunięcie pionowe, rozmycie, kolor itp. Na przykład: "box-shadow: 3px 3px 5px...
- Oprawa graficzna / "Duszki" CSS
...aby czekać nawet kilka minut, na załadowanie od razu wszystkich pełnowymiarowych zdjęć. Formaty graficzne Kluczowe znaczenie dla zmniejszenia rozmiaru plików zdjęć, a zatem równocześnie przyspieszenie wczytywania strony, ma dobranie odpowiedniego formatu oraz stopnia kompresji. Popularne formaty internetowe oferują wbudowane algorytmy kompresji danych. W przypadku kompresji bezstratnej nie ma żadnej utraty jakości na wynikowej grafice. Kompresja stratna co prawa powoduje utratę jakości...
- Komendy HTML 4.01 / INPUT
...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ć użyty do ozdobienia przycisku graficznego STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem...