Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Elementy blokowe i liniowe

Styl lokalny

Email Drukuj PDF

Tematy: metody wstawiania stylów | styl lokalny | rozciąganie stylu | wydzielone bloki | zagnieżdżanie arkusza | zewnętrzny arkusz | import arkusza

Styl lokalny pozwala nadawać atrybuty wybranym, pojedynczym elementom strony. Typowym zastosowaniem jest nadanie określonych atrybutów akapitowi.

<p style="definicja stylu">Treść akapitu</p>

Na przykład:

<p style="font-size: 12pt; font-weight: bold; font-family: 'Andale mono', 'Courier New', monospace; ">Treść akapitu</p>

To jest akapit wyświetlany za pomocą czcionki Andale mono, Courier New lub innej monotypicznej, pogrubionej, o wielkości 12 punktów.

Inny przykład:

<h1 style="font-size: 25pt; font-weight: bold; font-family: Arial, sans-serif; ">Treść tytułu</h1>

Treść tytułu

Kolejny przykład:

<ul style="font: italic bold 14pt Times; color: red; ">
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt

I jeszcze jeden:

<p style="text-transform: capitalize">to jest akapit, w którym pierwsze litery wyrazów są wyświetlane za pomocą kapitalików.</p>

to jest akapit, w którym pierwsze litery wyrazów są wyświetlane za pomocą kapitalików.

Pozioma linia z kilkoma atrybutami (tylko IE)

<hr style="height: 10px; width: 200px; color: lime; ">


Wykaz numerowany

<ul style="list-style: lower-roman inside">
<li>pierwszy punkt
<li>drugi punkt
<li>trzeci punkt
</ul>

  • pierwszy punkt
  • drugi punkt
  • trzeci punkt
 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 766
Artykułów : 513
Zakładki : 28
Odsłon : 15578031