przykład - Kurs HTML i CSS
Selektory pseudoelementów CSS / Cudzysłowy {quotes}...Jak zrobić cudzysłów w cudzysłowie? Aby umieścić cudzysłów wewnątrz innego cudzysłowu, można użyć różnych kombinacji cudzysłowów. Na przykład: „To jest »cytat« w cudzysłowie” albo "To jest 'cytat' w cudzysłowie". Jak wygląda polski cudzysłów? Polski cudzysłów ma postać dwóch przeciwnie skierowanych podwójnych apostrofów: „...”. W kodzie HTML możesz użyć następujących znaków specjalnych: „...”. Czy na końcu cytatu stawiamy kropkę? Kropka kończąca cytat...
- Marginesy CSS / Atrybuty mieszane marginesu {margin}
...w CSS? Aby ustawić marginesy w CSS, można użyć właściwości margin i określić wartości dla górnej, prawej, dolnej i lewej strony marginesu. Na przykład: "margin: 10px 20px 10px 20px" ustawia marginesy 10 pikseli na górze i na dole oraz 20 pikseli po prawej i lewej stronie elementu. Co to jest "margin" w CSS? margin w CSS to właściwość określająca odstęp pomiędzy elementem a jego otoczeniem zewnętrznym. Może to być przestrzeń pomiędzy elementami lub między elementem a krawędzią...
- Czcionki CSS / Wielkość czcionki {font-size}
...zawsze przy użyciu pikseli, a więc każda jednostka ostatecznie i tak musi być w ten sposób przeliczona. Jak można było zauważyć na wcześniejszym przykładzie obliczeń, korzystając z jednostek takich jak "em" (lub "%"), może się okazać, że przeliczona wartość pikselowa nie jest liczbą całkowitą. Jak wiadomo, nie da się podzielić piksela ekranowego, a więc wartość ta musi być zaokrąglona. Nie ma jednak żadnej pewności, w jaki sposób zostanie to wykonane: w dół, w górę, czy zgodnie z zasadami...
- Oprawa graficzna / Zamiennik obrazkowy
...i wygodą użycia. Nadają się do wykorzystania dla różnych elementów HTML, jednak dla uproszczenia w dalszej części tego rozdziału zostaną podane przykłady operujące na elementach DIV i SPAN. Zamienniki obrazkowe nie nadają się do zastosowania w przypadku ilustracji osadzanych w treści artykułów. Zdjęcia takie, jako elementy publikowane redakcyjnie, nie zależą od arkusza CSS (skórki), a zatem należy je traktować jako treść, a nie oprawę graficzną. W przypadku takich ilustracji należy...
Galeria zdjęć HTML / Skrypt 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" border="0"></a> miniatura1.jpg, miniatura2.jpg, miniatura3.jpg Lokalizacje fizycznie pomniejszonych...
- Selektory specjalne CSS / Klasy selektorów <... class>
...selektor uniwersalny, który pozwala przypisać własności klasy do wszystkich elementów, którym zostanie ona nadana bez względu na typ znacznika. Na przykład jeżeli w arkuszu stylów strony została umieszczona następująca reguła: *.przyklad_uniwersalna { color: red } Dlatego teraz każdy element, któremu nadamy klasę przyklad_uniwersalna, będzie miał kolor czerwony: To jest akapit, któremu została przypisana klasa class="przyklad_uniwersalna". To jest pogrubienie, któremu została nadana klasa...
- Tekst CSS / Wyrównanie tekstu {text-align}
...obu marginesów). Jak wyrównać tekst do lewej CSS? Aby wyrównać tekst do lewej w CSS, użyj właściwości text-align i ustaw wartość na left, na przykład <p style="text-align: left">...</p>. Co robi "text-align justify"? Deklaracja CSS "text-align: justify" wyrównuje tekst do obu marginesów, tworząc efekt wyjustowanego tekstu, gdzie odstępy między słowami są dostosowywane tak, aby linie tekstu miały równe długości. Jak wyrównać tekst do obu marginesów? Aby wyrównać tekst do obu...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...Jak ustawić zdjęcie po prawej stronie CSS? Aby ustawić zdjęcie po prawej stronie w CSS, można użyć właściwości float z wartością right, na przykład: "float: right". To spowoduje, że obraz zostanie przesunięty na prawą stronę i tekst lub inne elementy będą wyświetlane obok niego z lewej strony. Jak ustawić elementy obok siebie CSS? Aby ustawić elementy obok siebie w CSS i sprawić, że pierwszy przylega do lewego marginesu, a drugi do prawego, można użyć właściwości float z...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...padding, border-width, border-style, border-color, border-radius} Wszystkie powyższe deklaracje można ze sobą dowolnie łączyć. Na przykład jeśli w arkuszu stylów umieścimy następującą definicję klasy: .ramka { background-color: silver; padding: 10px; border-width: 1px; border-style: solid; border-color: gray; border-radius: 5px; } a następnie w dowolnym dokumencie HTML wstawimy taki kod: <div class="ramka">To jest przykład ramki z tekstem...</div> to na stronie...
- Wyszukiwarka / Możliwość wyboru
Spis treści Światowy/Polski Internet W serwisie/Na świecie W serwisie/W Polsce Światowy/Polski Internet Lista rozwijalna <form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <select name="lr"> <option value="">Na świecie</option> <option value="lang_pl">W Polsce</option> </select> <input type="submit" value="Szukaj"> </form> Przykład Na świecie W Polsce Pole opcji <form...