Autor: Codenga 01.02.2024

CSS, czyli Cascading Style Sheets, to język służący do stylizacji dokumentów HTML. Pozwala nadawać wygląd i układ graficzny elementów na stronie internetowej. Oto kilka kluczowych koncepcji CSS.

Selektory

CSS używa selektorów do określenia, które elementy HTML mają być stylizowane. Na przykład h1 odnosi się do wszystkich nagłówków pierwszego poziomu, a .klasa odnosi się do wszystkich elementów o danej klasie.

Właściwości

CSS definiuje różne właściwości, takie jak kolor tekstu, rozmiar tekstu, marginesy itp. dla wybranych elementów. Przykład:

h1 {
    color: blue;
    font-size: 24px;
}

Wartości

Wartości są przypisywane właściwościom i określają konkretne parametry stylizacji. Na przykład, blue to wartość koloru, a 24px to wartość rozmiaru tekstu.

Kaskadowość

Kaskadowość oznacza, że styl może być dziedziczony z różnych źródeł. Na przykład akapit może dziedziczyć kolor tekstu, z kontenera w którym jest umieszczony.

Arkusze stylów

CSS jest zwykle przechowywane w osobnych plikach nazywanych arkuszami stylów. Mogą być dołączane do dokumentu HTML za pomocą elementu lub umieszczone bezpośrednio w nagłówku dokumentu.

Responsywność

CSS pozwala na tworzenie responsywnych stron internetowych poprzez zastosowanie reguł stylów, które dostosowują się do różnych rozmiarów ekranu.

Przyklad stylów CSS

Oto przykład prostego stylu CSS, Nadaje on style dla elementu BODY oraz dla nagłówków H1:

body {
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
}
  
h1 {
    color: navy;
}

Zdobądź umiejętności niezbędne do pracy jako Web Developer.

Dowiedz się więcej

Te podstawowe informacje pomogą Ci zrozumieć jak działają kaskadowe arkusze stylów.