Wprowadzenie do CSS

Co to jest CSS?

  • CSS to znaczy kaskadowe arkusze stylów* (Cascading Style Ssheets)
  • CSS opisujeJak wyświetlać elementy HTML na ekranie, papierze lub innym medium
  • CSS oszczędzało dużo pracymożna jednocześnie kontrolować układ wielu stron internetowych
  • Zewnętrzne arkusze stylów są przechowywane w Plik CSS中

*:Również znane jako kaskadowe arkusze stylów.

CSS pokaz - strona HTML - wiele stylów!

Poniżej znajduje się strona HTML z czterema różnymi arkuszami stylów. Kliknij poniższe linki do arkuszy stylów, aby zobaczyć różne style:

Dlaczego używać CSS?

CSS służy do definiowania stylów stron internetowych, w tym projektów i układów dostosowanych do różnych urządzeń i rozmiarów ekranów.

Przykład CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Spróbuj sam!

CSS rozwiązał duży problem

HTML nigdy nie miał na celu zawierania znaczników do formatowania stron internetowych!

Celem stworzenia HTML byłoOpisuj stronęnp.:

<h1> To jest tytuł. </h1>
<p> To jest akapit. </p>

Dodanie etykiet takich jak <font> i atrybutów color do specyfikacji HTML 3.2 rozpoczęło koszmary deweloperów sieci web. Dewelopowanie dużych stron internetowych, które dodawały informacje o czcionkach i kolorach do każdej strony, stało się długotrwałym i kosztownym procesem.

Aby rozwiązać ten problem, World Wide Web Consortium (W3C) stworzyło CSS.

CSS usunął formatowanie stylów z HTML strony.

Jeśli nie wiesz, co to jest HTML, zalecamy przeczytanie Tutorial HTML.

CSS oszczędza mnóstwo pracy!

Definicje stylów są zazwyczaj przechowywane w zewnętrznych plikach .css.

Dzięki użyciu zewnętrznych plików stylów CSS, możesz zmienić wygląd całej strony, zmieniając tylko jeden plik!