Twoja własna strona WWW - Zrob to sam!
  • Strona główna
  • Moje projekty
  • Pobieralnia
  • Kontakt
Podstawy

Dodawanie CSS do HTML - czyli jak umieszczać arkusze stylów

Brak komentarzy

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.



Unknown

Zobacz również

Podstawy
Autor: Unknown o 12:20
Etykiety: CSS, Podstawy

Brak komentarzy:

Prześlij komentarz

Nowszy post Starszy post Strona główna
Subskrybuj: Komentarze do posta (Atom)

O mnie

Nazywam się Kamil Wiśniewski i założyłem tego bloga, aby pomóc innym w tworzeniu swojej własnej strony internetowej.

Popularne posty

  • Podstawowe znaczniki HTML i struktura strony
    Ten poradnik pokaże Ci podstawowe znaczniki języka HTML, które pomogą Ci przy tworzeniu Twojej pierwszej strony internetowej. Dodatkowo ...
  • TOP 3 darmowych edytorów WWW
    Tworzenie stron internetowych za pomocą edytora tekstowego jest moim zdaniem bardziej opłacalne, niż pracowanie w edytorze graficznym. ...
  • Tworzenie strony internetowej - podstawy
    Zastanawiasz się nad stworzeniem strony internetowej? Może jest ona dla Ciebie koniecznością? Ten poradnik jest dla Ciebie. Zawarłem tu...
  • Dodawanie CSS do HTML - czyli jak umieszczać arkusze stylów
    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...
  • Tworzenie podstawowego szablonu w CSS
    Ten poradnik pokaże Ci, w jaki sposób napisać swój pierwszy, według mnie najprostszy jaki może być szablon strony internetowej pr...
  • Hosting SMS na ProSerwer.pl
    W sieci można znaleźć wiele hostingów, które oferują przeróżne usługi. Należą do nich np. rejestracja domeny, hosting WWW na stronę inter...
  • Jak wrzucić stronę na hosting przez FTP
    Jak wrzucić stronę na hosting przez FTP? Jest to pytanie, które zadać musi sobie każdy webmaster, który chce, aby jego strona została p...
  • Tworzenie stron czas zacząć!
    Witam Cię czytelniku na moim blogu. Blog wlasna-www.blogspot.com oparty jest głównie o tworzenie, projektowanie strony inter...
  • Kolory na stronach WWW
    Kolory na stronach internetowych są sprawą kluczową, jeżeli chodzi o estetykę. W poprzednim wpisie napisałem 3 kroki do estetycznej str...
  • Jak wstawić szablon na bloga na blogspocie
    Czym jest szablon i po co on jest? Strona internetowa czy też blog jest obrazem, który jest wyświetlany na ekranie monitora na ...

O MNIE

Nazywam się Kamil Wiśniewski i jestem uczniem technikum informatycznego. Bardzo interesuję się pisaniem stron internetowych, dlatego postanowiłem założyć tego bloga, aby pomóc początkującym napisać ich pierwszą stronę internetową.

KONTAKT
wisniewski.kamil81789@gmail.com

Popularne posty

  • Dodawanie CSS do HTML - czyli jak umieszczać arkusze stylów
    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...
  • TOP 3 darmowych edytorów WWW
    Tworzenie stron internetowych za pomocą edytora tekstowego jest moim zdaniem bardziej opłacalne, niż pracowanie w edytorze graficznym. ...
  • Tworzenie podstawowego szablonu w CSS
    Ten poradnik pokaże Ci, w jaki sposób napisać swój pierwszy, według mnie najprostszy jaki może być szablon strony internetowej pr...
  • Podstawowe znaczniki HTML i struktura strony
    Ten poradnik pokaże Ci podstawowe znaczniki języka HTML, które pomogą Ci przy tworzeniu Twojej pierwszej strony internetowej. Dodatkowo ...
- - |