Wprowadzenie do CSS
CSS to język, którego używamy do stylizacji strony internetowej.
Co to jest CSS?
- CSS oznacza kaskadowe arkusze stylów
- CSS opisuje, w jaki sposób elementy HTML mają być wyświetlane na ekranie, papierze lub w innych mediach
- CSS oszczędza dużo pracy. Może kontrolować układ wielu stron internetowych jednocześnie
- Zewnętrzne arkusze stylów są przechowywane w plikach CSS
Demo CSS - Jedna strona HTML - Wiele stylów!
Tutaj pokażemy jedną stronę HTML wyświetlaną z czterema różnymi arkuszami stylów. Kliknij poniższe łącza „Arkusz stylów 1”, „Arkusz stylów 2”, „Arkusz stylów 3”, „Arkusz stylów 4”, aby zobaczyć różne style:
Dlaczego warto korzystać z CSS?
CSS służy do definiowania stylów stron internetowych, w tym projektu, układu i odmian wyświetlania dla różnych urządzeń i rozmiarów ekranu.
Przykład CSS
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}
CSS rozwiązał duży problem
HTML NIGDY nie miał zawierać znaczników do formatowania strony internetowej!
HTML został stworzony w celu opisania zawartości strony internetowej, na przykład:
<h1>To jest nagłówek</h1>
<p>To jest akapit.</p>
Kiedy tagi takie jak <font> i atrybuty kolorów zostały dodane do specyfikacji HTML 3.2, stało się to koszmarem dla twórców stron internetowych. Tworzenie dużych stron internetowych, w których do każdej strony dodawane były czcionki i informacje o kolorze, stało się procesem długotrwałym i kosztownym.
Aby rozwiązać ten problem, World Wide Web Consortium (W3C) stworzyło CSS.
CSS usunął formatowanie stylu ze strony HTML!
Jeśli nie wiesz, czym jest HTML, sugerujemy przeczytanie naszego samouczka HTML .
CSS oszczędza dużo pracy!
Definicje stylów są zwykle zapisywane w zewnętrznych plikach .css.
Dzięki zewnętrznemu plikowi arkusza stylów możesz zmienić wygląd całej witryny, zmieniając tylko jeden plik!