Co To Jest CSS?

Spisu treści:

Co To Jest CSS?
Co To Jest CSS?

Wideo: Co To Jest CSS?

Wideo: Co To Jest CSS?
Wideo: CSS Podstawy #1 Wprowadzenie 2024, Listopad
Anonim

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.

Co to jest CSS?
Co to jest CSS?

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.

Zalecana: