Początkujący mają z tym problem, zaawansowani, weterani tworzenia stron, programowania, nie mają z tym problemu:)
Jeżeli cały styl strony napiszemy w jednym dokumencie html, to strona i styl będzie tylko bazowała na tym dokumencie. Jeżeli stworzymy kolejny plik HTML i chcielibyśmy, ten sam styl dać, to trzeba skopiować cały styl jaki napisaliśmy i ponownie wkleić do nowego dokumentu. A co jeżeli mamy takich plików HTML 10, 20 lub 100 a nawet więcej? Mnóstwo czasu zabierze nam kopiowanie i wklejanie. To jest minus takiego stosowania i zazwyczaj nie jest zalecane, chyba że dla jednej strony.
Dziś gdy tworzy się profesjonalne strony z użyciem biblioteki JQuery, biblioteki Bootstrap i RWD (Responsive Web Design), to tworzy się katalogi na poszczególne pliki aby zachować porządek.
takimi katalogami na pliki mogą być:
- katalogi na pliki konfiguracyjne napisane w php lub w innym języku,
- katalogi z obrazkami,
- katalogi ze stylami CSS,
- katalogi z biblioteką JQuery lub JavaScript itd.
HTML 4
<link href="nazwa.css" rel="stylesheet" type="text/css">
HTML5
<link rel="stylesheet" href="nazwa.css">
Podałem jak to występuję w HTML4 i HTML 5.Prawda, ze banalna składnia? Najlepiej jest stosować oddzielne arkusze stylów, to pozwala nam zmieniać stronę/strony za jednym zamachem.
Jeżeli mamy w katalogu np: css, plik z naszym arkuszem styli, to musimy napisać w odwołaniu:
href="nazwa_katalogu/twój plik.css" .
Dałem nazwy aby było wiadomo co i jak.