list - Kurs HTML i CSS
Dobre praktyki / CSS Zorientowane Obiektowo...aby można było określić ich wygląd przy pomocy pojedynczej reguły stylów (jednego selektora). Menu nawigacyjne będzie zawierać elementy podrzędne - listę odnośników - którym również musimy przypisać określony styl. Atrybuty stanowią zbiór wszystkich elementów (znaczników) potomnych obiektu, którym jest przypisany styl. <div class="Menu"> <ul> <li><a href="...">...</a></li> <li><a href="...">...</a></li> <li><a href="...">...</a></li> </ul> </div> Powyżej przedstawiony obiekt Menu...
Menu drzewiaste / Skrypt menu drzewiastego...0; } ul.tree ul { display: block; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; } ul.tree li { display: block; list-style-type: none; padding-left: 20px; background-image: url("document.gif"); background-position: left top; background-repeat: no-repeat; } ul.tree li.closed { background-image: url("closed.gif"); background-position: left top; background-repeat: no-repeat; } ul.tree li.opened { background-image: url("opened.gif")...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
...(płynne przejście kolorów) Obramowanie Przykład Obramowanie tekstu Zaokrąglone narożniki Cień pod elementem Dodatkowe właściwości wykazów (list) Przykład Punkt pierwszy Punkt drugi Punkt trzeci... Nowy model obramowania tabeli Przykład komórka1 komórka2 komórka3 komórka4 komórka5 komórka6 Pozycjonowanie Przykład To nie jest obrazek! To nie jest obrazek! Zmiana kształtu kursora. Przykład Wskaż ten tekst myszką Kursor wczytany z pliku: Wskaż ten tekst myszką...
- Skórki
...ograniczonym zakresie. Natomiast jeżeli strukturę oprzesz o elementy <div>...</div>, a przy budowaniu menu skorzystasz z wykazów (<ul>...</ul>) oraz list definicyjnych (<dl>...</dl>), to bez większego trudu będzie można totalnie odmienić wygląd serwisu tylko za pomocą podmiany arkusza CSS, np. przenosząc kolumnę menu z lewej na prawą stronę czy zmieniając układ menu z pionowego na poziomy (np. w formie zakładek), bez jakiejkolwiek ingerencji w kod źródłowy dokumentów HTML. Zobacz: Menu w CSS...
- Czcionki CSS / Atrybuty mieszane czcionki {font}
...oraz line-height mogą przyjmować takie same wartości, a więc musimy je jakoś od siebie odróżnić). Nie ma wymogu, aby podawać w tej deklaracji pełną listę cech składowych, jednak jeśli jakąś opuścimy, zostanie jej przypisana wartość domyślna. Dlatego poniższa reguła stylów nie ustawi pogrubionej czcionki (bold), ponieważ nie zostało to określone w deklaracji font, która tutaj unieważnia font-weight: p { font-weight: bold; font: 12pt Arial; } Zgodnie z zasadą kaskadowości oczekiwany...
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...tak oczywisty, sposób zastąpienia nieobsługiwanej własności marker-offset przez zespół reguł CSS interpretowanych praktycznie wszędzie: ul, li { list-style-type: none; display: block; margin: 0; padding: 0; } ul li { background: url(marker.gif) no-repeat left top; padding-left: 20px; } Pierwsza z reguł stylów powyżej usuwa domyślne formatowanie wykazu oraz jego punktów. Trzeba tutaj nadmienić, że z uwagi na różnice w interpretacji nie wszystkie z wymienionych poleceń formatujących w...
- Tryb Quirks / X-UA-Compatible
...run-in, ruby, ruby-base, ruby-text, ruby-base-container, ruby-text-container Własność border-style - uzupełniona obsługa wartości: hidden Własność list-style-type - uzupełniona obsługa wartości: decimal-leading-zero, lower-greek, lower-latin, upper-latin, armenian, georgian Własność visibility - uzupełniona obsługa wartości: collapse Własność white-space - uzupełniona obsługa wartości: pre-line, pre-wrap Obsługa selektorów pseudoelementów: :after, :before Obsługa selektorów pseudoklas...
Kontakt...znajdziesz tam mój adres e-mail... Skoro to czytasz, znaczy że jednak masz problem i chcesz się z nim zwrócić do mnie. Niestety liczba listów e-mail, dotyczących problemów z tworzeniem stron WWW, która codziennie do mnie trafia, przekracza moje możliwości udzielenia na nie odpowiedzi. Każdy taki problem wymaga odrębnego rozpatrzenia. Zajmuje to na tyle dużo czasu, że skutecznie wstrzymywało np. dalszy rozwój Kursu HTML i CSS. W związku z tym niestety zostałem zmuszony ustalić...