strony - Kurs HTML i CSS
Typy MIME / Multipurpose Internet Mail Extensions...musi pobierać dużych multimediów tylko po to, żeby po wszystkim przekonać się, że i tak nie potrafi ich obsłużyć. To nie tylko przyspiesza działanie strony oszczędzając użytkownikowi transfer, ale często pozwala również wskazać kilka alternatywnych formatów plików, aby przeglądarka mogła zdecydować, który z nich byłby dla niej najbardziej optymalny. Oznaczenie MIME składa się zawsze z dwóch części rozdzielonych znakiem ukośnika: typu i podtypu mediów. Typy mediów application Dane binarne...
Wstawianie stylów CSS / Sposoby osadzania stylów CSS...jest wcześniejsza znajomość zasad języka HTML. Zapamiętaj zatem prostą zasadę: za pomocą języka HTML wstawia się znaczniki do kodu źródłowego strony, a następnie dzięki CSS można nadać im potem określony sposób wyświetlania. Sposoby wstawiania stylów do gotowych dokumentów są różne. Nie znaczy to, że jedne są lepsze od drugich. Każdy sposób jest przydatny w innych sytuacjach. Większość witryn stosuje jednocześnie wszystkie z przedstawionych metod osadzania CSS - w zależności od...
- Wstawianie stylów CSS / Rozciąganie stylu <span style>
...gdy <div> jest używany do tworzenia bloków kontenerowych, które mogą zawierać inne elementy HTML i służą do grupowania i układania zawartości strony.
- Wstawianie stylów CSS / Styl lokalny <... style>
...przy konkretnych cechach, znajdziesz w dalszych rozdziałach kursu. Styl lokalny pozwala na nadanie formatowania konkretnemu pojedynczemu elementowi strony. Dlatego właśnie styl tego rodzaju nazywa się także styl inline (ang. "w linii"), ponieważ jest wstawiany w tej samej linii, w której znajduje się element formatowany. O tym który to będzie element, decyduje słowo kluczowe "element" (widoczny powyżej, w deklaracji stylu). Zwróć uwagę, że jednemu elementowi możemy nadać kilka atrybutów...
- Selektory elementów CSS / Selektor typu
...oraz wartości - opisane w następnych rozdziałach). Można powiedzieć, że selektor ten to inaczej element (znacznik), występujący w kodzie źródłowym strony. UWAGA! W języku XHTML wszystkie selektory muszą być pisane małymi literami. Przykład Załóżmy że w arkuszu stylów została umieszczona następująca reguła: h6 { color: red } Jak widać jest to selektor typu (podstawowy). Dzięki niemu wystarczyłoby teraz napisać: <h6>To jest tytuł rzędu szóstego</h6> aby otrzymać tytuł, napisany czerwoną...
- Selektory elementów CSS / Selektor potomka
...jeśli nie określimy dla nich tzw. pseudoklas odsyłaczowych, nie odziedziczą one formatowania po przodkach. Przykład Załóżmy, że w arkuszu stylów strony została umieszczona następująca reguła: p b { color: red } Dzięki temu, jeśli wewnątrz znacznika p (akapit) znajdzie się znacznik b (czyli pogrubienie tekstu), to zostanie on automatycznie napisany czcionką koloru czerwonego: To jest akapit, a to jest pogrubienie (czerwone), umieszczone wewnątrz tego akapitu oraz wewnątrz znacznika tekstu...
- Selektory elementów CSS / Selektor dziecka
...rodzica. UWAGA! Polecenie nie jest interpretowane przez MSIE 6 (od wersji 7 wszystko jest już w porządku). Przykład Załóżmy, że w arkuszu stylów strony została umieszczona następująca reguła: p > b { color: red } Dzięki temu, jeśli bezpośrednio wewnątrz znacznika p (akapit) znajdzie się znacznik b (czyli pogrubienie tekstu), to zostanie on automatycznie napisany czcionką koloru czerwonego: To jest akapit, a to jest pogrubienie (nie powinno być czerwone) umieszczone wewnątrz p, ale i...
- Selektory elementów CSS / Selektor braci
...UWAGA! Polecenie nie jest interpretowane przez MSIE 6 (od wersji 7 wszystko jest już w porządku). Przykład Załóżmy, że w arkuszu stylów strony została umieszczona następująca reguła: i + b { color: red } Dzięki temu, jeśli wewnątrz tego samego znacznika (rodzica), będą znajdowały się po sobie znaczniki i oraz b, to ten drugi uzyska określone atrybuty: To jest akapit, wewnątrz którego znajduje się: pochylenie (nie powinno być czerwone) oraz pogrubienie (powinno być czerwone) (zwróć...
- Selektory elementów CSS / Grupowanie selektorów
...wystarczy wymienić dowolną liczbę selektorów po przecinku i jednorazowo przypisać im wszystkim ten sam styl. Przykład Jeśli w arkuszu stylów strony została umieszczona następująca reguła: b, i { color: red } to po wpisaniu: <b>pogrubienie</b> <i>pochylenie</i> otrzymamy tekst, napisany w całości czcionką koloru czerwonego: pogrubienie pochylenie Przykład ten działa tak samo jak: b { color: red } i { color: red } jednak jak widać, dzięki użyciu znaku przecinka, oszczędzamy sobie...
- Selektory elementów CSS / Reguły stylów
...może być przypisana tylko i wyłącznie do elementów blokowych, ponieważ podanie jej dla elementów wyświetlanych w linii nie miałoby sensu. Z drugiej strony cecha ta może przyjmować tylko wartości takie jak: left, right, center, justify. Przypisanie do niej np. wartości koloru nie miałoby sensu. W MSIE 8.0 i starszych jeden plik arkusza CSS może zawierać tylko 4095 selektorów, przy czym w listach każdy selektor liczy się osobno - następne deklaracje zostaną pominięte! W przypadku przekroczenia...