wygląd - Kurs HTML i CSS
Języki / Strony kodowe...operacyjny, prawie na pewno spowoduje to pojawienie się u niego na ekranie zupełnie nieprzewidzianych znaków! Czy chcesz, aby Twoja strona WWW wyglądała nieprofesjonalnie? Strony kodowe Strona kodowa Nazwa Języki iso-8859-1 windows-1252 zachodnioeuropejski afrykanerski (af), albański (sq), baskijski (eu), kataloński (ca), duński (da), niderlandzki (nl), angielski (en), fareski (fo), fiński (fi), francuski (fr), galicyjski (gl), niemiecki (de), islandzki (is), irlandzki...
Wstawianie stylów CSS / Sposoby osadzania stylów CSSKaskadowe Arkusze Stylów CSS nie mogą funkcjonować samodzielnie, ponieważ definiują jedynie sposób formatowania (wygląd) elementów dokumentu, ale same ich nie tworzą. Elementy muszą zostać wstawione do dokumentu w postaci struktury znaczników np. za pomocą języka XHTML lub HTML. Dlatego aby poznać ogrom dodatkowych możliwości, jakie dają style CSS, konieczna jest wcześniejsza znajomość zasad języka HTML. Zapamiętaj zatem prostą zasadę: za pomocą języka HTML wstawia się znaczniki do kodu...
- HTML5 / Pasek wyniku <meter>
Spis treści <meter> Pasek wyniku <meter value min max> Przedziały wartości <meter low high optimum> Pasek wyniku <meter value min max> (interpretuje: Firefox 16, Opera 11.5, Chrome 6) Wersja podstawowa: <meter value="współczynnik">alternatywa</meter> Minimum i maksimum: <meter value="wartość" min="minimum" max="maksimum">alternatywa</meter> alternatywa Alternatywna zawartość, wyświetlana w przeglądarkach, które nie obsługują HTML5. Powinno się tam umieścić np. zapisaną tekstowo...
- Wstawianie stylów CSS / Wydzielone bloki <div style>
...<div>, który tworzy kontenerowy blok bez żadnych domyślnych stylów lub efektów wizualnych. Poprzez nadawanie stylów CSS możemy nadal nadzorować wygląd i układ tych bloków oraz grupować w nich powiązane elementy. Co daje DIV HTML? Znacznik <div> w HTML jest elementem blokowym, który pozwala tworzyć kontenerowe bloki na stronie. Dzięki niemu można grupować inne elementy, tworzyć układy strony, stosować style CSS oraz manipulować zawartością za pomocą skryptów JavaScript, co umożliwia...
- HTML5 / Wstępne ładowanie <link "preload" as>
...aby skrypt był gotowy, gdy będzie potrzebny. Wstępne ładowanie jest przydatne do zasobów krytycznych, które mogą wpłynąć na funkcjonalność lub wygląd strony.
- Wstawianie stylów CSS / Kaskadowość stylów
...to z kolei może być zmieniane przez style zdefiniowane bezpośrednio w ciele dokumentu (inline). Zatem priorytet ważności stylów (pierwszeństwo) wyglądałby tak: Styl lokalny (inline) Rozciąganie stylu (SPAN) Wydzielone bloki (DIV) Wewnętrzny arkusz stylów Import stylów do wewnętrznego arkusza Zewnętrzny arkusz stylów Import stylów do zewnętrznego arkusza (Atrybuty prezentacyjne HTML - np. align="...", bgcolor="...", color="...", height="...", width="..." i inne) Style o wyższym...
- Selektory elementów CSS / Reguły stylów
...p b. Deklaracja zawiera dwa zespoły cecha-wartość. Pytania i odpowiedzi Co to reguła CSS? Reguła CSS to zbiór instrukcji, które określają wygląd i formatowanie elementów na stronie internetowej. Jakie są części reguły CSS? Reguła CSS składa się z dwóch głównych części: selektora i deklaracji. Selektor wskazuje na element lub elementy, do których reguła ma być zastosowana, np. p oznacza akapit. Deklaracje określają konkretne właściwości i wartości stylów, które mają zostać...
- Selektory specjalne CSS / Klasy selektorów <... class>
...treści dokumentu. Dzięki temu możemy np. ustalić określone atrybuty dla danego elementu (selektora) na całej stronie, a jednocześnie zmienić wygląd tylko niektórych, bezpośrednio przy nich. Nie musimy już wtedy za każdym razem wpisywać stylu inline, którego zapis czasem może być dosyć długi, ale wystarczy odwołać się do nazwy klasy z arkusza. Deklaracja klasy jest przydatna szczególnie, jeśli na wielu stronach serwisu znajdują się elementy mające takie samo formatowanie, a dodatkowo...
- Selektory pseudoklas CSS / Pierwsze dziecko :first-child
...odpowiednie atrybuty otrzyma pogrubienie (znacznik b), będący pierwszym dzieckiem elementu p. Jeśli będzie się on zawierał w innym znaczniku, jego wygląd nie zostanie zmieniony: To jest akapit, a to pogrubienie, czyli pierwsze dziecko (powinno być czerwone), wewnątrz tego akapitu. To jest akapit, a to pochylenie, czyli pierwsze dziecko (nie powinno być czerwone, ponieważ nie jest pogrubieniem), wewnątrz tego akapitu. Tutaj z kolei jest pogrubienie (nie powinno być czerwone), ale drugie nie...
- Tekst CSS / Dekoracja tekstu {text-decoration}
...służy do określania dekoracji tekstu, takich jak podkreślenie, przekreślenie, nadkreślenie. Może być stosowana 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>.