- CSS jest to skrót od Cascading Style Scheets, czyli mówiąc po polsku kaskadowe arkusze stylów.
- CSS określa jak dokument ma wyglądać na ekranie komputera, na wydruku oraz na innych urządzeniach
- CSS pozwala na ujednolicenie wyglądu wielu stron za pomocą jednego pliku. Pozwala to zachować spójność i zaoszczędzić sporo pracy.
Najpopularniejszym sposobem na przechowywanie stylów CSS, jest umieszczenie kodu w osobnym pliku. Na początek jednak będziesz używał stylów liniowych i stylów zdefiniowanych w tym samym pliku, ponieważ będzie to wygodniejsze w przypadku wykonywanych ćwiczeń.
Jak dodać style CSS?
Style CSS można zdefiniować na trzy sposoby:
- Inline CSS - style liniowe
- Internal CSS - css wewnętrzny, czyli CSS zdefiniowany w pliku HTML
- External CSS - css zewnętrzny, czyli kod zdefiniowany w osobnym pliku
Style liniowe
Style liniowe są wykorzystywane, aby nadać jakiemuś elementowi unikatowy wygląd. Można je zastosować, gdy mamy pewność, że inne elementy nie będą posiadały takich samych właściwości. Tak czy inaczej, nawet gdy stylizujemy pojedynczy element, to nic nie stoi na przeszkodzie, aby wykorzystać zewnętrzne arkusze stylów, dla uzyskania większej przejrzystości.
Style wewnętrzne
Style wewnętrzne są wykorzystywane, aby nadać wygląd pojedynczej strony HTML.
Style wewnętrzne są definiowane w sekcji <head> dokumentu i są one umieszczane w elemencie <style>.
Style zewnętrzne
Style zewnętrzne są wykorzystywane, aby nadać wygląd wielu stroną HTML.
Dzięki nim, zmieniając jeden plik, możesz zmienić wygląd całej strony internetowej.
Aby zdefiniować style zewnętrzne, należy w sekcji <head> umieścić odpowiedni link.