kolor tekstu - Kurs HTML i CSS
Menu w CSS / Pionowe menu...o sumę grubości 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...
- Szablon strony na DIV-ach / Płynny szablon
...ccc; } #TRESC { margin-left: 150px; background-color: #fff; } #STOPKA { clear: both; background-color: #888; } Wyjaśnienie: Ustalamy kolor tła oraz tekstu dla całej strony oraz usuwamy marginesy, aby mieć większy obszar dostępny na nasz szablon. Ustalamy stałą szerokość kolumny menu nawigacyjnego, aby nie rozszerzała się przy zmianie rozmiarów okna przeglądarki ani rozdzielczości ekranu. Menu nawigacyjne zwykle zawiera elementy o ustalonej szerokości, dlatego jego rozszerzanie...
- Selektory elementów CSS / Reguły stylów
...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 tej granicy, jedynym rozwiązaniem jest podział arkusza CSS na kilka osobnych plików, ale nie więcej niż 31. Przykład...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
...własności wagi czcionki. Natomiast użycie w tym przypadku wartości revert przywróci wytłuszczenie tekstu. Przykład {...: revert} To jest akapit koloru zielonego. Do jego elementów podrzędnych został przypisany specjalny styl powodujący, że każde pogrubienie, które się znajduje wewnątrz niego, przyjmie atrybut koloru czcionki (biały) oraz koloru tła (niebieski), ale tekst nie będzie wytłuszczony. Do elementów podrzędnych tego akapitu został jednak przypisany drugi styl. Dzięki niemu jeśli...
Ikony (symbole) / Akcje interfejsu użytkownika...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 Szukaj search search Strona główna home home Menu menu menu Zamknij close close Ustawienia settings settings Zaznacz kółko check_circle check_circle Ulubione favorite favorite Dodaj add add Usuń delete delete Strzałka wstecz arrow_back arrow_back...
- Komendy HTML 4.01 / HR
...w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NOSHADE Jednolity kolor (bez cienia) (zdeprecjonowane) SIZE="piksele" Wysokość w pikselach (zdeprecjonowane) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy WIDTH="długość" Szerokość w pikselach lub w procentach (domyślnie 100%) (zdeprecjonowane) Zdarzenia: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove...
- Komendy HTML 4.01 / LINK
...(domyślnie) tty - urządzenie o ograniczonych zdolnościach wyświetlania (terminale, urządzenia przenośne itp.) ty - telewizor (niska rozdzielczość, kolor, ograniczone przewijanie) REL="typ" Opisuje relacje pomiędzy bieżącym dokumentem a kotwicą wyszczególnioną przez atrybut HREF (rozdzielona spacjami lista typów odsyłaczy): alternate - wyznacza zastępczą wersję dokumentu appendix - dodatek w kolekcji dokumentów bookmark - zakładka chapter - rozdział w kolekcji dokumentów contents...
- Komendy HTML 4.01 / STYLE
...(domyślnie) tty - urządzenie o ograniczonych zdolnościach wyświetlania (terminale, urządzenia przenośne itp.) ty - telewizor (niska rozdzielczość, kolor, ograniczone przewijanie) TITLE="tekst" Tekst pomocniczy TYPE="typ" Określa języka arkusza stylów (np.: "text/css") Znacznik otwierający: wymagany Znacznik zamykający: wymagany
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...na stronie i wszystkim chcemy nadać takie same atrybuty (inne niż domyślne). Na przykład chcemy, aby wszystkie wykazy miały automatycznie kolor niebieski. Wystarczy wpisać odpowiednią deklarację stylów w arkuszu (w treści nagłówkowej) i nie trzeba już nic dopisywać przy samym elemencie. Komentarze w arkuszu stylów pisze się używając znaków: /* (otworzenie komentarza) oraz */ (zamknięcie komentarza), np.: /*12345*/. Wszystko pomiędzy tymi znakami jest ignorowane przez przeglądarkę...
- Selektory elementów CSS / Grupowanie selektorów
...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 pisania. Dodatkowo jeśli kiedyś musielibyśmy zmienić ustalony wcześniej dla tych selektorów kolor tekstu, będzie wystarczyło zrobić to tylko w jednym miejscu.