własności - Kurs HTML i CSS
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?Różnice w wyznaczaniu rozmiaru elementów - własności width oraz height. W trybie Quirks marginesy wewnętrzne i obramowanie zawierają się wewnątrz rozmiarów elementu, natomiast wg CSS na zewnątrz. [Porównaj: Model pudełkowy wg CSS 2] Nie dotyczy przeglądarki Firefox ani Opera. We wcześniejszych wersjach Internet Explorera przedstawiony wyżej model określania rozmiarów wg CSS odnosi się tylko do szerokości komórek tabeli, ale nie do ich wysokości. Wcześniejsze wersje MSIE nie stosowały tych...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...absolutnie, zastępowane Elementy inline-block, nie-zastępowane Elementy inline-block, zastępowane Wstęp Podanie wartości auto dla własności określającej szerokość elementu (width) lub jego marginesy (margin-left, margin-right) pozwala dopasować wybrany tą metodą wymiar w taki sposób, aby element poprawnie wyświetlił się w każdych warunkach. Poniżej znajdziesz opis wyznaczania szerokości i marginesów automatycznych dla różnych typów elementów w różnych przypadkach. Nie musisz...
- Dobre praktyki / Przykazania webmastera
...JavaScript Nie stosuj bez potrzeby dynamicznych zamienników kontrolek formularzy Unikaj stosowania atrybutów zdarzeń Unikaj bezpośredniej zmiany własności stylów za pomocą JavaScript Minimalizuj liczbę osobnych plików *.js Wersjonuj pliki *.js Nie zakładaj, że każdy posiada tak wydajny komputer jak Twój Unikaj stosowania technologii Flash, a zwłaszcza appletów Java Wstęp Choć wiedza na temat konstrukcji samochodów czy komputerów jest powszechnie znana, niektóre firmy robią to...
- Tło CSS / Usunięcie tła {background: none, background-color: transparent}
...tła. Okazuje się ono przydatne, częściej niż można by sądzić. Na przykład wyobraźmy sobie, że w zewnętrznym arkuszu stylów określamy ogólne własności dla wszystkich stron naszego serwisu. Załóżmy, że znajduje się tam m.in. deklaracja tła obrazkowego stron. Jeśli teraz zechcemy tylko na jednej ze stron zastosować zwykłe tło, a jednocześnie na innych pozostawić nadal obrazkowe, może to uczynić na dwa sposoby: Nie dołączać zewnętrznego arkusza do wybranej strony. Takie rozwiązanie nie...
Komendy HTML 4.01 / METAInformacje profilowe dokumentu (właściwości). Zobacz więcej... Atrybuty: CONTENT="wartość" Wartość własności DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej HTTP-EQUIV="nazwa" Informacja nagłówkowa (może być używana w zamian NAME) LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Identyfikuje nazwę własności SCHEME="schemat" Schemat interpretacji własności Znacznik otwierający...
- Selektory specjalne CSS / Klasy selektorów <... class>
...inne znaczniki tego samego typu zachowają swoje oryginalne formatowanie. Możliwość definiowania klasy selektorów, jest bardzo ważną i przydatną własnością stylów. Pozwala nam ona zaoszczędzić mnóstwo czasu, który stracilibyśmy, na wpisywanie stylu inline (zwłaszcza w przypadku bardziej skomplikowanych deklaracji). Dlatego warto używać tej własności! Jeśli jakiś element, o specyficznym rodzaju formatowania, wstępuje przynajmniej raz na niektórych stronach Twojego serwisu (może to być np...
- Rozmiary CSS / Wysokość i marginesy automatyczne
...im wartości auto. Przedstawione poniżej punkty 1-3 obejmują również elementy pozycjonowane relatywnie. 1. Elementy inline, nie-zastępowane Jeżeli własności top, bottom, margin-top lub margin-bottom mają przypisaną wartość auto, przyjmują ostateczną wartość zero. Własność height nie ma zastosowania (nie można jej przypisać), ale zależy od wysokości linii (line-height). 2. Elementy zastępowane: inline, blokowe, inline-block oraz z oblewaniem (float) Jeżeli własności top, bottom, margin-top...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...który ma rozdzielać kolejne wartości egzemplarzy licznika. Wartość odczytaną przez tę funkcję możemy następnie podstawić w deklaracji stylu do własności content, co spowoduje wyświetlenie jej w treści elementu: ol li:before { content: counters(nazwa_licznika, ".") } W świetle tego przebieg generowania automatycznej numeracji dla przedstawionego wcześniej wykazu odbywa się następująco: <ol> <!-- nazwa_licznika[0] = 0 --> <li>1 (nazwa_licznika[0] + 1 = 1) <ol> <!-- nazwa_licznika[1]...
- Szablon strony na DIV-ach / Stały szablon
...strony i menu nawigacyjnego. Normalnie wszystkie bloki szablonu były ułożone jeden pod drugim. Aby ułożyć wspomniane kolumny pionowo, użyliśmy własności float: left, wykorzystywanej zwykle przy oblewaniu elementów (np. ilustracji) tekstem. Kilka następujących po sobie bloków z określonym oblewaniem, ustawia się obok siebie - o ile mieszczą się w dostępnej szerokości ich rodzica [zobacz: Szerokość i marginesy automatycznie - "Elementy z oblewaniem (float) nie-zastępowane" - punkt nr 5]...
- Drukowanie CSS / Wydruk @media print
...(trudno sobie wyobrazić wydrukowanie strony z czarnym tłem 🙂). Z uwagi na odrębność różnych mediów, wprowadzono możliwość definiowania oddzielnych własności dla różnych form prezentacji dokumentu. Na przykład rozmiar czcionki można ustalić zarówno dla ekranu, jak i dla drukarki, lecz dokumenty na komputerze potrzebują zwykle większej czcionki niż na papierze. Podobnie doświadczenie wskazuje, że czcionki z rodziny sans-serif są czytelniejsze na ekranie, podczas gdy serif - na papierze. Z...