HTML CSS

Dzięki HTML4.0, wszystkie kodowanie formatujące można przenieść z dokumentu HTML do oddzielnego arkusza stylów.

Przykład

Styl w HTML
Ten przykład pokazuje, jak użyć informacji o stylu dodanych do sekcji <head>, aby sformatować HTML.
Link bez podkreślenia
Ten przykład pokazuje, jak użyć atrybutu stylu, aby stworzyć link bez podkreślenia.
Linkowanie do zewnętrznej tablicy stylów
Ten przykład pokazuje, jak linkować do zewnętrznej tablicy stylów za pomocą taga <link>.

Jak używać stylów

Kiedy przeglądarka czyta tablicę stylów, formatuje dokument zgodnie z tą tablicą. Istnieją trzy sposoby wstawienia tablicy stylów:

Zewnętrzna tablica stylów

Kiedy styl musi być zastosowany na wielu stronach, zewnętrzna tablica stylów będzie idealnym wyborem. Używając zewnętrznej tablicy stylów, możesz zmienić wygląd całej witryny, zmieniając jeden plik.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Wewnętrzne arkusze stylów

Kiedy pojedynczy plik wymaga specjalnych stylów, można użyć wewnętrznych arkuszy stylów. Można zdefiniować wewnętrzny arkusz stylów w sekcji head za pomocą taga <style>.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Wewnętrzne style

Kiedy specjalne style muszą być zastosowane do pojedynczych elementów, można użyć wewnętrznych stylów. Sposób użycia wewnętrznych stylów polega na użyciu atrybutu stylu w odpowiednich tagach. Atrybut stylu może zawierać dowolne atrybuty CSS. Poniższy przykład pokazuje, jak zmienić kolor akapitu i lewy margines zewnętrzny.

<p style="color: red; margin-left: 20px">
To jest akapit
</p>

Odwiedź nasz Kurs CSSDowiedz się więcej o stylach.

Tag Opis
<style> Definiuje definicje stylu.
<link> Definiuje odniesienie do zasobu.
<div> Definiuje sekcję lub obszar (blokowy) w dokumencie.
<span> Definiuje wewnętrzny blok lub obszar dokumentu.
<font> Określa czcionkę tekstu, rozmiar czcionki, kolor czcionki. Nie zaleca się jego użycia. Proszę używać stylów.
<basefont> Definiowanie podstawowej czcionki. Nie zaleca się jego użycia. Proszę używać stylów.
<center> Wyśrodkowanie tekstu poziomo. Nie zaleca się jego użycia. Proszę używać stylów.