[HTML/CSS] Wczytywanie arkusza stylów CSS

W poprzedniej poradzie przedstawiłem jak zdefiniować arkusz stylów CSS w sekcji head. Teraz przedstawię kolejny sposób na wykorzystanie arkusza stylów CSS na stronie www.

Podłączymy plik style.css w sekcji head za pomocą elementu ink. Plik ten zawiera definicje styli jakie będą wykorzystane na stronie www.

Poniżej przykład zewnętrznego arkusza styli.

p {font-weight: normal; font-size: 1em;} 
a {text-decoration: none; color: green;}
a:hover {text-decoration: underline;}

Opis działania poszczególnych styli to temat na kolejne porady.

Zewnętrzny arkusz styli CSS już mamy, czas na podpięcie go do stronki.

<!DOCTYPE html>
<html>
<head>
<title>Wczytywanie arkusza stylów CSS</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<p>
Lubię stosować style <a href="http://www.kess.com.pl/18-HTML-CSS.html">CSS</a>
</p>
</body>
</html>

Bardzo lubię stosować zewnętrzne arkusze styli CSS, ze względu na kilka dla mnie bardzo istotnych powodów:

łatwość modyfikacji arkusza,
zmiana dokonana w jednym pliku jest widoczna w całym serwisie,
szybkość modyfikacji arkusza,
porządek w definicjach styli.

W kolejnej poradzie opiszę jak importować style CSS

Definiowanie stylów CSS

autor: Krzysztof Szypulski

data dodania/aktualizacji: Wtorek, 25 marca 2014 (23:44:22)

Formularz kontaktowy

Masz pytania? Pisz śmiało, postaram się odpowiedzieć.