pogrubienie - Kurs HTML i CSS
Selektory atrybutów CSS / Selektor atrybutu zawierającego określony wyraz...inne wyrazy). Wyraz nie może zawierać spacji! Na przykład deklaracja title~="jest" kojarzy atrybuty: title="To jest akapit" lub title="To jest pogrubienie" itd. UWAGA! Polecenie nie interpretuje MSIE 6 (od wersji 7 wszystko jest już w porządku). W języku XHTML wszystkie nazwy atrybutów w selektorach muszą być pisane małymi literami. Przykład Jeżeli w arkuszu stylów strony została umieszczona następująca reguła: p[title~="jest"] { color: red } to każdy akapit, któremu został nadany...
- Selektory specjalne CSS / Klasy selektorów <... class>
...klasę przyklad_uniwersalna, będzie miał kolor czerwony: To jest akapit, któremu została przypisana klasa class="przyklad_uniwersalna". To jest pogrubienie, któremu została nadana klasa class="przyklad_uniwersalna". W tym przypadku gwiazdkę (*) w regule stylu można pominąć: .przyklad_uniwersalna { color: red } Lista klas Jeśli chcemy do pojedynczego elementu przypisać kilka różnych klas, należy posłużyć się poleceniem: <selektor class="klasa1 klasa2 klasa3...">...</selektor> przy...
- Selektory specjalne CSS / Selektor identyfikatora <... id>
...selektora uniwersalnego pozwala przypisać styl do dowolnego znacznika z określonym identyfikatorem: *#przyklad_uniwersalny { color: red } To jest pogrubienie, któremu został nadany identyfikator id="przyklad_uniwersalny". W tym przypadku gwiazdkę (*) w regule stylu można pominąć: #przyklad_uniwersalny { color: red } Pytania i odpowiedzi <... id> Co to identyfikator CSS? Identyfikator CSS to nazwa, która jest przypisana do konkretnego elementu HTML na stronie. Jest to unikalny...
- Czcionki CSS / Waga czcionki {font-weight}
...grubość czcionki. Możliwe wartości to liczby od 100 do 900 (z krokiem 100) oraz normal i bold, gdzie normal to standardowa grubość, a bold to pogrubienie. Jak zrobić pogrubiony tekst w CSS? Aby zrobić pogrubiony tekst w CSS, użyj właściwości font-weight i przypisz jej wartość bold. Na przykład: "font-weight: bold" pogrubia tekst. Jak zmienić grubość czcionki HTML? W HTML można zmienić grubość czcionki za pomocą atrybutu style="..." i wartości font-weight. Na przykład: <p...
- Czcionki CSS / Wariant wielkości liter czcionki {font-variant-caps}
...Czasami w ten sposób prezentuje się nagłówki, tytuły i inne fragmenty tekstu, które wymagają specjalnego wyróżnienia, a zwyczajne pochylenie czy pogrubienie z jakichś względów nie jest odpowiednie. Jeśli zależy Ci na obsłudze również starszych przeglądarek, zamiast tego polecenia użyj: "font-variant: small-caps". Niestety tylko ten jeden wariant (zwykłe kapitaliki) ma szerokie wsparcie i tylko przy użyciu własności font-wariant, a nie font-variant-caps. Przykład {font-variant-caps}...
- Dziedziczenie stylów CSS / Hierarchia elementów
...oraz podkreślenie, którym nie zostały nadane żadne style, a więc dziedziczą je po przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki (biały) oraz koloru tła (niebieski) i dlatego nie odziedziczył stylu po przodku.
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...oraz podkreślenie, którym nie zostały nadane żadne style, a więc dziedziczą je po przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki oraz koloru tła jako "initial" i dlatego nie odziedziczył stylu po przodku. Oczywiście w powyższym przykładzie moglibyśmy po prostu ustawić kolor tekstu pogrubienia na czarny, a tło na białe. Jednak warto pamiętać, że nie w każdej...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...o 50px (pikseli), a od górnej o 45px. Położenie spoczynkowe Przykład pozycjonowania tekstu: To jest tekst powiększony To jest pozycjonowane pogrubienie tekstu Pozycjonowanie tabel: komórka1 komórka2 komórka3 komórka4 komórka1 komórka2 komórka3 komórka4 komórka1 komórka2 komórka3 komórka4 Pozycjonowanie odsyłaczy (możesz je klikać): Pozycjonowanie relatywne Pozycjonowanie absolutne Nakładanie Pytania i odpowiedzi {position: relative} Jak ustawić pozycję w CSS...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...{all} Ten akapit ma zresetowane wszystkie style do wartości domyślnych, ponieważ została mu przypisana deklaracja "all: initial". A to jest pogrubienie, które znajduje się wewnątrz tego akapitu. Odziedziczyło ono zresetowany rodzaj czcionki. Ale jej waga nie została zmieniona - tekst nadal jest wizualnie wytłuszczony - ponieważ zostało to oddzielne przypisane do tego elementu.
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...