zrobić style - Kurs HTML i CSS
Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style...szerokie możliwości ustalania typu wykazu. Są to zarówno wykazy z wyróżnikami (markerami) graficznymi jak i różnorodne style numeracji. Co jednak zrobić, jeśli żaden z wbudowanych rodzajów nie spełnia naszych oczekiwań? Rozwiązaniem może być użycie specjalnej reguły stylów @counter-style, która pozwala zdefiniować swój własny, niestandardowy typ stylu wykazu, w którym można precyzyjnie kontrolować wygląd jego wyróżników. Aby utworzyć swój niestandardowy typ stylu wykazu, najpierw w arkuszu...
Galeria zdjęć HTML / Skrypt galerii zdjęć...na stronie wstaw znaczniki odnośników i obrazków - podobnie jak się to robi w klasycznej galerii zdjęć. Jedyną zmianą, którą musisz dodatkowo zrobić, to do znaczników odsyłaczy z powiększonymi zdjęciami dodaj atrybut data-gallery. Na przykład: <a data-gallery href="zdjecie1.jpg"><img src="miniatura1.jpg" border="0"></a> <a data-gallery href="zdjecie2.jpg"><img src="miniatura2.jpg" border="0"></a> <a data-gallery href="zdjecie3.jpg" title="Opis"><img src="miniatura3.jpg...
HTML dla zielonych / Akapit HTML <p "text-align">...justowanie, czyli wyrównanie do obu marginesów jednocześnie (style="text-align: justify")... Pytania i odpowiedzi <p "text-align"> Jak zrobić akapit w HTML? W tym celu umieść tekst wewnątrz znacznika <p>...</p>. Co to jest paragraf w HTML? Paragraf to inna nazwa akapitu - czyli pewnego oddzielnego wizualnie i tematycznie fragmentu dłuższego tekstu. Tę nazwę stosuje się jednak raczej w stosunku do przepisów prawnych, a nie do zwykłego tekstu. Jak wyśrodkować tekst...
- Obramowanie CSS / Atrybuty mieszane obramowania {border}
...3px"> Potrójnie zagnieżdżone obramowanie </div> </div> </div> Potrójnie zagnieżdżone obramowanie Pytania i odpowiedzi {border} Jak zrobić obramowanie w CSS? Aby dodać obramowanie do elementu w CSS, można użyć właściwości border i określić grubość, styl i kolor obramowania. Jak ustawić "border" w CSS? Aby ustawić border w CSS, należy określić trzy główne właściwości: grubość (np. 2px), styl (np. solid) i kolor (np. black) obramowania. Przykład: "border: 2px solid...
- 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...
- Dobre praktyki / Przykazania webmastera
...kolejnych reguł stylów w arkuszu CSS. Co zrobisz, jeśli deklaracja już zawiera !important, a będzie trzeba ją nadpisać? Przecież nie da się zrobić podwójnego !important. Tendencję do korzystania z tej metody mają zwłaszcza osoby, które nie znają zasad szczegółowości selektorów. Przyswojenie sobie tych kilku prostych i intuicyjnych punktów naprawdę nie jest trudne. Postaraj się to zrobić, a prawdopodobnie zupełnie zapomnisz o istnieniu deklaracji !important 🙂 Nie wstawiaj...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...wewnętrzny arkusz stylów? Wewnętrzny arkusz stylów CSS powinien być umieszczony wewnątrz znacznika <style> w sekcji <head> dokumentu HTML. Jak zrobić arkusz stylów CSS? Aby stworzyć arkusz stylów CSS, należy użyć znacznika <style> w sekcji <head> dokumentu HTML lub umieścić styl w zewnętrznym pliku CSS i dołączyć go za pomocą znacznika LINK. Do czego służą arkusze stylów CSS? Arkusze stylów CSS służą do definiowania wyglądu i formatowania elementów HTML, umożliwiając kontrolę nad...
- Menu drzewiaste / Skrypt menu drzewiastego
...wchodzą w skład kolekcji powiązanych dokumentów, po wejściu na kolejne części artykułu, wszystko będzie działać zgodnie z oczekiwaniami. Aby to zrobić, należy nadać właściwemu odnośnikowi z menu atrybut rel="Collection(...)", w którym podaje się listę adresów URL wszystkich części podzielonego artykułu: <ul id="tree0" class="tree"> <li><a href="czesc1.html" rel="Collection(czesc2.html,czesc3.html)">Artykuł stronicowany</a></li> <li><a href="...">Dokument 2</a></li> <li><a...
- Tekst HTML / Wykaz <ul, ol, li>
...przypadku kiedy opisujemy np. listę kroków, które należy wykonać w określonej kolejności, właściwym znacznikiem będzie lista uporządkowana. Jak zrobić listę kropkowaną HTML? W celu wstawienia listy nieuporządkowanej najpierw wstawiamy znacznik <ul>...</ul>, a następnie wewnątrz niego kolejne punkty listy - każdy w osobnym znaczniku <li>...</li>. Co to jest LI w HTML? Jest to element listy (ang. list item), który umieszcza się wewnątrz znacznika <ul>...</ul> lub <ol>...</ol>. Służy...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...mogą mieć pewne wspólne cechy. Dodatkowo jeśli w ostatniej chwili zdecydujemy się zmienić np. rodzaj czcionki na wszystkich stronach, możemy to zrobić, modyfikując jedynie zewnętrzny arkusz stylów, bez konieczności zmiany każdej strony osobno. Pozwala to zaoszczędzić mnóstwo czasu (zwłaszcza niezdecydowanym 😉). Wstawienie takiego zewnętrznego arkusza stylów jest bardzo proste. Wystarczy wpisać w treści nagłówkowej każdego z dokumentów (pomiędzy znacznikami <head> a </head>)...