wewnętrzny - Kurs HTML i CSS
Menu w CSS / Pionowe menu...obramowania (border) i szerokości marginesu wewnętrznego (padding) elementu, czyli: 200px - 2*2px - 2*5px = 186px Ustalamy kolor, tło, margines wewnętrzny (padding) i obramowanie odnośników, tak aby wyglądały jak przyciski. Dodatkowo usuwamy domyślne podkreślenie linków (text-decoration: none), które w tym przypadku jest niepożądane. Na koniec zmieniamy styl obramowania, które zostanie wyświetlone po wskazaniu tekstu myszką oraz tworzymy niesymetryczny margines wewnętrzny (padding)...
Tekst HTML / Komentarz HTML...> Komentarzy nie można zagnieżdżać (umieszczać jeden wewnątrz drugiego), tzn. niedozwolona jest konstrukcja: <!-- zewnętrzny <!-- komentarz wewnętrzny --> zewnętrzny --> nawet jeśli komentarze znajdują się w wielu linijkach. Częstym zastosowaniem komentarza jest również objęcie nim bloku kodu (razem ze znacznikami), który zdecydowaliśmy się chwilowo usunąć ze strony, ale zamierzamy go jeszcze kiedyś (niedługo) wykorzystać. Zaletą takiego sposobu, w stosunku do zwyczajnego usunięcia...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...jak działa, dlaczego warto oddzielać wygląd od struktury. 10nbsp;min - Wstawianie stylów CSS Omówienie trzech sposobów dodania CSS (zewnętrzny, wewnętrzny, inline), nacisk na <link rel="stylesheet">. 10 min - Składnia CSS Selektory, bloki deklaracji (właściwości, wartości). Przykłady formatowania całej strony i pojedynczych elementów. 15 min - Praktyczne ćwiczenia Uczniowie tworzą stronę HTML i dodają arkusz stylów zmieniający: kolor tła i tekstu, czcionkę i jej rozmiar, wyrównanie...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...type="text/javascript"> <![CDATA[ ...zawartość skryptu (może zawierać bezpośrednio znaki: <, >, &)... ]]> </script> Jest to konieczne, jeśli wewnętrzny skrypt lub arkusz stylów zawiera znaki: <, >, &, ponieważ w takim przypadku procesor XML potraktuje je jako znaczniki lub początek encji (znaków specjalnych). Uwaga! Przeglądarki mogą nie obsługiwać tej metody. Dla zapewnienia zgodności z językiem XHTML skrypty i arkusze stylów, które zawierają znaki: <, &, ]]> lub -- można umieścić w...
- Definicje / Element zastępowany
(replaced element) Element dla którego formater stylów zna tylko wymiar wewnętrzny. W języku HTML są to: IMG, INPUT, TEXTAREA, SELECT, OBJECT. Na przykład zawartość elementu IMG jest zastępowana przez obrazek, wyznaczony atrybutem src.
- Rozmiary CSS / Szerokość i marginesy automatyczne
...innych. Na przykład, jeżeli nie ustalimy marginesów elementu, przyjmą one wartości 0 (zero), co jest dosyć logiczne. To samo dotyczy marginesów wewnętrznych (padding) - przyjmują domyślną wartość zero. Jeżeli natomiast chodzi o szerokość, to domyślnie wcale nie przyjmuje wartości 100% - jak można by sądzić - ale auto. Zapamiętaj tę zasadę, bo dzięki temu unikniesz wielu nieporozumień. Przedstawione poniżej punkty 1-6 oraz 9-10 obejmują również elementy pozycjonowane relatywnie. 1...
- Dobre praktyki / Przykazania webmastera
...tym ułatwi Ci to dokonywanie zmian w wyglądzie serwisu, ponieważ nie będzie już potrzeby szukania wielu dokumentów, w których był wstawiony taki sam wewnętrzny arkusz CSS. Minimalizuj liczbę osobnych plików arkuszy CSS Każdy plik wymaga osobnego zapytania HTTP, a to znacząco wydłuża ogólny czas potrzebny na wczytanie strony. Nawet jeśli masz w serwisie kilka różniących się wizualnie podstron, często korzystniej będzie umieścić wszystkie style w jednym pliku i załadować za jednym razem. Kiedy...
- Ikony (symbole) / Formatowanie tekstu
Możesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Opis description description Kopia treści content_copy content_copy Pulpit nawigacyjny dashboard dashboard Edytuj notatkę edit_note edit_note Książka menu menu_book menu_book Widok siatki grid_view grid_view Lista list list Folder folder...
Menu rozwijane, otwierane, wysuwane / Pozycja absolutna...fragmenty innych elementów strony, które znajdują się poniżej określonej pozycji. Dlatego pozycję należy ustalać nie poprzez atrybut style="..." ani wewnętrzny czy zewnętrzny arkusz stylów, tylko modyfikując fragment kodu wywołujący skrypt: <script> new Menu('menu0', 'position: absolute'); </script> Powyższy sposób pozycjonuje blok menu w miejscu, w którym został wstawiony, ale rozwijanie i zwijanie nie powoduje już żadnych przesunięć pozostałych elementów strony. Można oczywiście...
- CSS dla zielonych / Arkusz stylów CSS
Arkusz stylów jest zwykłym dokumentem tekstowym, więc do jego stworzenia możesz użyć Twojego ulubionego edytora HTML albo, jeśli wolisz, dedykowanego edytora CSS. W pliku tym wpisuje się listę tzw. reguł stylów, za pomocą których możliwe jest określanie wyglądu elementów na stronie. Każda reguła stylów składa się zawsze z dwóch następujących bezpośrednio po sobie części: Selektora - czyli elementu (znacznika) na stronie, któremu chcemy zmienić wygląd Deklaracji ujętej w nawiasy klamrowe, w...