przeglądarki - Kurs HTML i CSS
Rozmiary CSS / Blok obejmujący CSS...tabeli lub inline-block będący przodkiem dla danego elementu. Jeśli element jest pozycjonowany w sposób ustalony, blok obejmujący wyznacza okno przeglądarki. Jeśli element jest pozycjonowany absolutnie, blok obejmujący jest wyznaczony przez najbliższego przodka z pozycjonowaniem absolutnym, relatywnym lub ustalonym w następujący sposób: Jeśli przodek jest wyświetlany jako inline-block i kierunek tekstu (direction) jest określony jako ltr (od lewej do prawej) góra i lewa strona bloku...
- Pozycjonowanie CSS / Przyleganie {clear}
...pod drugim - tak jak prawdopodobnie oczekiwaliśmy - lecz obok siebie. Co więcej, ułożenie będzie zależało od rozdzielczości ekranu i rozmiarów okna przeglądarki (w mniejszej rozdzielczości wszystko może być w porządku). Aby pozbyć się tych niedogodności wystarczy dla obrazków określić dodatkowo deklarację: clear: right. Przykład {clear} <img style="float: left"> <p style="clear: left">Lewy bok tego akapitu nie przylega do obrazka</p> <img style="float: left"> <p style="clear: right">Prawy...
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...pionową pozycję markera, co przy wykorzystaniu tradycyjnych metod nie jest możliwe, a właśnie wtedy sprawia to największe problemy, gdyż różne przeglądarki ustawiają obrazkowe wyróżniki wykazów w odmienny sposób - kilka pikseli wyżej lub niżej niż w innych. Przykład Punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt...
Nowe okno / Kilka okien...okien na pewno jest Ci absolutnie niezbędne i czy nie przyniesie czasem więcej strat niż korzyści. Zresztą przez nadużywanie podobnych skryptów, przeglądarki zaczęły na stałe blokować otwieranie "wyskakujących okienek", które zwykle były używane w celach reklamowych.
- Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet">
...arkusza alternatywnego, nadal będzie wpływał na wygląd strony, a alternatywny zostanie do niego dopisany. Niestety współczesne popularne przeglądarki nie obsługują alternatywnych arkuszy stylów, jednak osadzenie ich w podany sposób nie powoduje błędów w wyświetlaniu strony. Dodatkowym rozwiązaniem może być skrypt Skórki, który ponadto zapamiętuje wybór dokonany przez użytkownika przy przechodzeniu pomiędzy stronami.
Komendy HTML 4.01 / Elementy zdeprecjonowane...które zostały napisane kolorem czerwonym są zdeprecjonowane przez specyfikację (ang. deprecated) - odradza się ich stosowanie. Co prawda przeglądarki internetowe nadal je interpretują (z uwagi na kompatybilność wstecz), lecz w przyszłości mogą stać się zupełnie przestarzałe i nieobsługiwane. Zamiast nich w większości przypadków zaleca się stosowanie odpowiednich poleceń stylów (CSS). Jeśli jednak koniecznie chcemy wykorzystać takie elementy, powinniśmy zastosować...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
...jako "rodzaj" należy podać: content-box Wymiarowanie zgodne z modelem pudełkowym border-box Wymiarowanie zgodne z trybem Quirks Bardzo stare przeglądarki (w zamierzchłych czasach MSIE 5) nie potrafiły wymiarować bloków zgodnie ze specyfikacją CSS. Sytuacja ta już dawno uległa poprawie, jednak w celu zachowania kompatybilności wstecz, niektórzy producenci przeglądarek decydowali się na wprowadzenie w swoich nowych produktach trybu niezupełnej zgodności ze standardami - Quirks. Twórcy...
- Tło CSS / Rozmiary tła obrazkowego {background-size}
...na wstawieniu w tle strony tylko jednego egzemplarza obrazka (bez jego powielania), ale w taki sposób aby idealnie dopasował się do rozmiarów okna przeglądarki - niezależnie od używanej rozdzielczości ekranu. Powyższe polecenie pozwala uzyskać taki efekt i to bez żadnych sztuczek ani obejść. Trzeba jednak pamiętać, że rozciąganie obrazka nie tylko zniekształca jego proporcje, ale również w przypadku powiększania wpłynie na utratę jakości grafiki. Pamiętaj również, aby nie wstawiać w tle...
- Układ wielokolumnowy CSS / Odstęp kolumn {column-gap}
...efektowi może skutecznie zapobiegać przerwa między kolumnami. Warto mieć na uwadze, że wartość domyślna tego odstępu (normal) zależy od konkretnej przeglądarki i wcale nie musi być równa zero. W obecnej wersji specyfikacja CSS nie pozwala ustalać różnego odstępu kolumn tego samego elementu. Przykład {column-gap} columns: 3; column-gap: 1em; To jest przykładowa treść, ułożona w wielu sąsiadujących kolumnach. Tekst jest automatycznie przenoszony z końca jednej kolumny na początek...
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...znaczniki XHTML5 Przestarzałe atrybuty Wstęp Choć formalnie przestarzałe elementy ani atrybuty nie wchodzą w skład specyfikacji HTML5, to przeglądarki nadal powinny je obsługiwać. Jednak nie należy ich już używać w tworzonych nowych dokumentach. Przestarzałe elementy Znaczniki formatujące Ich funkcję przejęły style CSS. BASEFONT BIG CENTER FONT STRIKE TT Znaczniki pogarszające dostępność FRAME FRAMESET NOFRAMES Znaczniki rzadko używane Rodziły niejasności co do...