iprogramista.pl
  • HTML 5
  • CSS 3
  • Javascript
  • SQL
  • Kolory
    • Kolory HTML - konwerter
    • Kolory HTML - odcienie
  • Narzędzia
    • Edytor HTML
    • Licznik znaków
    • Sprawdź IP
    • Lorem Ipsum generator
    • Enkoder Base64
    • Dekoder Base64
    • Guid generator
    • Kalkulator dni
    • Ile do wakacji
  • Plug-ins
    • Przelewy 24 SDK (C#)
    • BS5 Intro Tour
  • Co to jest CSS
  • Jaka jest składnia języka CSS?
  • Co to są selektory CSS?
  • Kolor tekstu i tła w CSS
  • Obramowanie CSS
  • Marginesy CSS
  • Padding / margines wewnętrzny
  • Height/Width
  • Box Model
  • CSS Outline
  • Tekst / czcionka
  • Czionki (font)
  • Wygląd linku
  • Stylizacja list
  • Style tabel HTML
  • CSS Display - wyświetlania elementów
  • CSS pozycjonowanie elementów
  • CSS Overflow
  • CSS float - elementy pływające

Co to jest CSS kurs CSS 3

Poprzednia Następna

CSS (ang. Cascading Style Sheets, czyli kaskadowe arkusze stylów) definiuje, jak mają być wyświetlane elementy HTML.

Style CSS zostały wprowadzone w HTML4.0 i dzięki nim można oddzielić warstwę wizualną od treści strony. Ponadto stosowanie kaskadowych arkuszy stylów pozwala zaoszczędzić wiele czasu. Przed pojawieniem się styli CSS, zachowanie spójności dużych serwisów, było bardzo trudne. Dzięki arkuszom styli możesz zmienić wygląd wielu podstron, edytując tylko jeden plik.

Sposoby umieszczania stylów CSS na stronie

  • style lokalne,
  • style osadzone,
  • style zewnętrzne.

Style lokalne

Style lokalne mogą okazać się pożyteczne, gdy chcemy edytować jednorazowo jakiś pojedynczy element i nie zamierzamy go zmieniać.

Style osadzone

Style osadzone mogą okazać się użyteczne, gdy tworzymy stronę składającą się tylko z jednego dokumentu. W przypadku gdy kilka podstron ma wyglądać tak samo, znacznie rozsądniej jest skorzystać z zewnętrznego arkusza stylów, ponieważ w momencie gdy chcemy zmienić wygląd strony wystarczy edytować tylko jeden plik.

Style osadzone muszą znajdować się w sekcji head między znacznikiem style

Style zewnętrzne

Dopiero dzięki takiemu rozwiązaniu widać jak wielkie możliwości daje korzystanie z CSS. Przez użycie stylów zewnętrznych zaoszczędzić wiele czasu w momencie, gdy dochodzimy do wniosku, że strona, którą zrobiliśmy mogłaby wyglądać lepiej i chcemy nieco ulepszyć jej wygląd. Dzięki zmianom jakie wprowadzimy w pliku nazwaArkuszaStylów.css zmieniamy wygląd wszystkich podstron, które z niego korzystają.

Aby dołączyć arkusz style w sekcji head należy wstawić odpowiedni link w sekcji head.

Nic też nie stoi na przeszkodzie, aby strona korzystała z kilku arkuszy stylów. Mogą one być umieszczone w różnych folderach, a nawet na różnych stronach.

Poprzednia Następna

Kursy programistyczne

Oferujemy darmowe kursy programowania od podstaw.


Lista kursów

HTML 5

CSS 3

Javascript

SQL


Kontakt

info@iprogramista.pl


©2019-©2025 Copyright: iprogramista.pl