Pisanie w samym języku HTML nie jest tym, co satysfakcjonuje każdego. Strona napisana tylko w takim języku nie jest do końca estetyczna i przejrzysta. Poza tym wydaje się troszeczkę przestarzała. Dodanie do strony arkusza stylów CSS jest dobrym rozwiązaniem na ten problem. Służy on w całości za wygląd i rozmieszczenie elementów na stronie, a HTML to jedynie treść. Nie wyobrażam sobie w dzisiejszych czasach strony bez użycia kaskadowego arkusza stylów.
W tym poradniku przedstawię Ci dwie metody w jaki można umieszczać style CSS w plikach HTML.
Wewnętrzny arkusz stylów
Wewnętrzny arkusz stylów znajduje się w środku pliku HTML. Mając już napisaną strukturę strony, wystarczy pomiędzy znacznikami:
<head> </head>umieścić znacznik:
<style> </style>
Teraz wystarczy, że zawartość CSS umieszczał będziesz pomiędzy znacznikami <style </style>. Dla przykładu:
<head>
<style>
body
{
margin:0;
background-color:#d3d3d3;
}
</style>
</head>
Zewnętrzny arkusz stylów
Zewnętrzny arkusz stylów polega na tym, że wszystkie style znajdują się w osobnym pliku, a w zawartości pliku HTML jest tylko jedna linijka tekstu, która odnosi się do lokalizacji pliku ze stylami.
Pomiędzy znacznikami <head> </head> należy umieścić następującą linijkę tekstu:
<a href="style.css" rel="stylesheet" type="text/css">
Pamiętaj jednak, że plik style.css może nazywać się inaczej, ważne jest jedynie rozszerzenie .css oraz to, aby lokalizacja pliku została określona po fragmencie <a href="....". Ten sposób umieszczania stylów jest o wiele lepszy od wewnętrznego arkusza stylów, ponieważ łatwiej połapać się w kodzie, jest on bardziej przejrzysty i łatwiejszy do edycji.
Brak komentarzy:
Prześlij komentarz