przeglądarka - Kurs HTML i CSS
Formularze HTML / Obszar tekstowy <textarea>...znaków, nadal będzie mógł to zrobić. Wtedy tekst po prostu zostanie przeniesiony do kolejnej linijki. Natomiast jeśli zajmie już całe 10 linijek, przeglądarka wyświetli w tym polu pionowy suwak do przewijania, a cała jego zawartość przesunie się w górę.
Marginesy CSS / Atrybuty mieszane marginesu {margin}...ustawia margines o szerokości 20 pikseli wokół elementu. Jak działa "margin: auto"? Ustawienie "margin: auto" dla elementu w CSS powoduje, że przeglądarka automatycznie wyznacza równy margines na lewej i prawej stronie tego elementu, co skutkuje wyśrodkowaniem go w poziomie w obrębie jego rodzica. Jest to szczególnie użyteczne, gdy chcesz wyśrodkować elementy w poziomie bez konieczności ręcznego określania konkretnych marginesów. Przykład: <div style="width: 300px; margin: auto...
- Formularze HTML / Przykład formularza HTML
Jeśli jeszcze niezbyt dobrze rozumiesz formularze HTML, specjalnie dla Ciebie napisałem ten przykład. Myślę, że po jego przeczytaniu wyjaśni się wiele niezrozumiałych dotąd rzeczy. Natomiast jeżeli chcesz dowiedzieć się więcej na temat dodatkowych możliwości pól formularza użytych w poniższym przykładzie, zobacz rozdziały: Ramy formularza <form> Pole tekstowe <input text> Pole opcji <input radio> Pole wyboru <input checkbox> Lista rozwijalna <select, option> Obszar tekstowy <textarea>...
- Znaki specjalne HTML / Encje HTML
Spis treści Znaki specjalne HTML Niełamliwa spacja Miękki łącznik Znaki specjalne HTML Co zrobić jeśli chcemy umieścić na swojej stronie np. taki tekst: <p>? Niestety ponieważ wyraz ten jest znacznikiem używanym w składni języka HTML, nie jest możliwe wpisanie go po prostu z klawiatury. W takim razie zastanawiasz się na pewno, jak udało mi się go tutaj wpisać. Jeśli jeszcze nie wiesz, spójrz dalej. Znajdziesz tam tabelę z wykazem znaków specjalnych (tzw. encji), których nie można wpisać...
- Kaskadowe Arkusze Stylów / Cascading Style Sheets
...lub jest obsługiwana odmiennie. Dlatego zawsze należy sprawdzać efekty w praktyce - jeśli to możliwe, to najlepiej w kilku najbardziej popularnych przeglądarkach: Chrome, Firefox. Absolutnie nie trzeba się jednak obawiać stosowania CSS, ponieważ nie powodują one błędów w przeglądarkach, które ich nie obsługują. Nigdy nie zdarzy się tak, aby strona w ogóle nie została wyświetlona, ponieważ korzysta z CSS. Jeżeli przeglądarka nie obsługuje stylów, po prostu je pominie. Najważniejszym powodem...
- Kursory CSS / Kursor obrazkowy {cursor: url}
...SVG. Możliwe jest również podanie listy kursorów rozdzielonych przecinkami. W takim przypadku wczytany zostanie pierwszy z listy plik, który przeglądarka potrafi obsłużyć. Dlatego właśnie na końcu listy powinien zostać podany tradycyjny kształt: :link, :visited { cursor: url(example.svg#linkcursor), url(hyper.cur), pointer } Każdy kursor posiada ustalony jednopikselowy tzw. gorący punkt (ang. hotspot). Ten punkt jest miejscem aktywnym kursora, tzn. właśnie za jego pomocą wskazywane...
- Tło CSS / Atrybuty mieszane tła {background}
...Ma to duże znaczenie, jeśli powtarza się on na wielu stronach. Niestety podczas drukowania strony, obrazek taki zostanie pominęty. Również jeśli przeglądarka nie interpretuje stylów, obrazek nie pojawi się na ekranie. Jeśli nam to przeszkadza, należy stosować tradycyjny sposób (znacznik IMG). Przykład {background} Po wpisaniu w arkuszu stylów: *.obrazek { background: url(obrazek.jpg) no-repeat left top; padding-left: 110px } a następnie na stronie: <p class="obrazek">Po lewej stronie tego...
- Selektory pseudoelementów CSS / Cudzysłowy {quotes}
...(blok cytowany). Jak mówi specyfikacja HTML 4.01, cytatów wstawianych w elementach q nie należy obejmować cudzysłowami, gdyż powinna zrobić to przeglądarka. Ponadto, ponieważ w różnych językach (mówionych) używa się różnych znaków cudzysłowu, przeglądarki powinny wygenerować takie, które odpowiadają aktualnemu językowi treści. Od języka zależą również znaki cudzysłowów w cytatach zagnieżdżonych, czyli gdy jeden cytat znajduje się wewnątrz innego. Niestety problem w tym, że przeglądarki...
Aktywne przyciski / Pamięć podręczna...trzeba nieco zaczekać, aż załaduje się obrazek, który ma zostać wyświetlony. Dzieje się tak dlatego, ponieważ dopóki nie zostanie wywołana akcja, przeglądarka nie wie jaki obrazek, dajmy na to po podświetleniu, ma zostać wyświetlony. Jednak po pierwszym użyciu przycisku, dodatkowa grafika zostanie wczytana i zapisana w pamięci podręcznej przeglądarki, czyli na dysku lokalnym użytkownika. Dlatego przy drugim użyciu aktywnego przycisku, nic już się nie doczytuje. Istnieje możliwość...
- Pozycjonowanie CSS / Widzialność {visibility}
...tabela z "visibility: collapse" nie powinna wyglądać tak samo jak "visibility: hidden" - jeżeli wyglądają identycznie, to znaczy że Twoja przeglądarka nieprawidłowo interpretuje to polecenie. visibility: collapse na innym elemencie (obrazek z przykładu na samym początku) - zachowanie powinno być identyczne, jak dla "visibility: hidden": visibility: collapse visibility: collapse