CSS to kaskadowy arkusz stylów, który służy do tworzenia elementów wizualnych na stronie zasobów internetowych. Renderowanie obiektów określonych w CSS jest zaimplementowane w języku znaczników HTML. Samych stołów kaskadowych nie można używać samodzielnie.
Korzystanie z CSS
CSS to język stylów, który implementuje renderowanie elementów znaczników HTML. Tabele kaskadowe umożliwiają dostosowanie opcji, których nie można zmienić w HTML. Na przykład, używając języka stylów, możesz edytować styl czcionki, kolor. CSS pozwala ustawić marginesy, linie, dopełnienie, szerokość, pozycjonować elementy i wykonać wyjście tych parametrów, których nie da się zaimplementować przy użyciu „czystego” HTML.
Kaskadowe arkusze stylów są obsługiwane przez prawie wszystkie przeglądarki i są używane w prawie każdym zasobie sieciowym. Kontrolują wyświetlanie treści przy użyciu określonego języka i pozwalają kontrolować wyświetlanie elementów dla różnych mediów.
Jeśli HTML jest używany tylko jako środek strukturyzowania tekstu strony, CSS pozwala dostosować wyświetlanie wyświetlanej treści.
Składnia CSS i jej włączenie do kodu HTML
Podczas projektowania strony lepiej jest używać CSS niż narzędzi HTML. Faktem jest, że HTML początkowo nie posiadał możliwości edycji koloru elementów i nie był przeznaczony do ustawiania kolorów i parametrów wyświetlania, dlatego użycie deskryptorów HTML do tworzenia projektu może zostać uznane przez niektórych twórców stron internetowych za nieprawidłowe.
CSS ma inną składnię niż HTML i jest dołączany do kodu strony za pomocą tagów. Możesz także zintegrować kod CSS, który znajduje się w osobnym pliku, używając tagu parameters:
Kod CSS ma określoną składnię, której należy ściśle przestrzegać, w przeciwnym razie wygenerowane style nie będą wyświetlane na stronie. Sekcja kodu CSS można podzielić na 3 główne elementy: selektor, właściwość i wartość. Te pozycje są zapisane w następujący sposób:
selektor {właściwość: wartość; }
Selektor określa uchwyt, do którego ma zastosowanie wygenerowana reguła wyświetlania. Parametr właściwości definiuje edytowalny aspekt elementu, a wartość definiuje odpowiednią opcję właściwości. Na przykład, aby zmienić kolor w nagłówku drugiego poziomu
HTML, możesz zastosować następujący kod:
h2 {kolor: czerwony; }
Ten kod ustawia kolor tekstu na czerwony, który znajduje się w deskryptorze nagłówka drugiego poziomu.
CSS używa standardowej tabeli kolorów HTML.
Oprócz używania tagów możesz także używać tagów wewnętrznych. Na przykład:
Nagłówek
Ten kod jest identyczny z opisanym powyżej, z tą różnicą, że same parametry CSS zostały ustawione wewnątrz deskryptora potrzebnego do edycji.