1. makaron ryżowy
    Makaron ryżowy Jest popularny w całej południowo wschodniej Azji. Dziś przybywa również na nasze stoły. 100% ekologii, 100% natury.
    bio-fabijanscy.pl

[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)

tagi:

css, arkusz stylów, kaskadowe arkusze stylów, zewnętrzny arkusz stylów css

Formularz kontaktowy

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

0 * 0 =
* pole obowiązkowe
Krzysztof Szypulski KESS

tel: +48 505 171 235 e-mail: admin@kess.com.pl

ul. Żydowo 44, 76-010 Polanów

Copyright © 2001 - 2017 by Krzysztof Szypulski "KESS"
przejdź do góry strony