Samouczek CSS

CSS służy do kontrolowania stylu dokumentu internetowego w prosty i łatwy sposób.

CSS to akronim od "Cascading Style Sheet". Ten samouczek obejmuje obie wersje CSS1, CSS2 i CSS3 i daje pełne zrozumienie CSS, począwszy od podstaw do zaawansowanych koncepcji.

Dlaczego warto się uczyć CSS?

Cascading Style Sheetsczule określane jako CSS, to prosty język projektowania mający na celu uproszczenie procesu tworzenia prezentacji internetowych.

CSSjest koniecznością dla studentów i pracujących profesjonalistów, aby zostać wielkim inżynierem oprogramowania, szczególnie gdy pracują w domenie programistycznej. Wymienię niektóre z kluczowych zalet nauki CSS:

  • Create Stunning Web site- CSS obsługuje wygląd i styl strony internetowej. Korzystając z CSS, możesz kontrolować kolor tekstu, styl czcionek, odstępy między akapitami, rozmiar i układ kolumn, używane obrazy lub kolory tła, projekty układu, warianty wyświetlania dla różnych urządzeń i rozmiary ekranu a także wiele innych efektów.

  • Become a web designer - Jeśli chcesz rozpocząć karierę jako profesjonalny projektant stron internetowych, projektowanie HTML i CSS jest koniecznością.

  • Control web- CSS jest łatwy do nauczenia i zrozumienia, ale zapewnia potężną kontrolę nad prezentacją dokumentu HTML. Najczęściej CSS jest łączony z językami znaczników HTML lub XHTML.

  • Learn other languages - Gdy zrozumiesz podstawy HTML i CSS, łatwiej zrozumiesz inne powiązane technologie, takie jak javascript, php lub angular.

Hello World przy użyciu CSS.

Żeby trochę podekscytować CSS, podam ci mały, konwencjonalny program Hello World CSS. Możesz go wypróbować za pomocą linku Demo.

<!DOCTYPE html>
<html>
   <head>
      <title>This is document title</title>
      <style>
      h1 {
         color: #36CFFF; 
      }
      </style>
   </head>	
   <body>
      <h1>Hello World!</h1>
   </body>	
</html>

Zastosowania CSS

Jak wspomniano wcześniej, CSS jest jednym z najczęściej używanych języków stylów w Internecie. Wymienię tutaj kilka z nich:

  • CSS saves time- Możesz napisać CSS raz, a następnie użyć tego samego arkusza na wielu stronach HTML. Możesz zdefiniować styl dla każdego elementu HTML i zastosować go do dowolnej liczby stron WWW.

  • Pages load faster- Jeśli używasz CSS, nie musisz za każdym razem pisać atrybutów znaczników HTML. Po prostu napisz jedną regułę CSS dla tagu i zastosuj ją do wszystkich wystąpień tego tagu. Zatem mniej kodu oznacza szybsze pobieranie.

  • Easy maintenance - Aby dokonać globalnej zmiany, po prostu zmień styl, a wszystkie elementy na wszystkich stronach internetowych zostaną automatycznie zaktualizowane.

  • Superior styles to HTML - CSS ma znacznie szerszą gamę atrybutów niż HTML, więc możesz nadać swojej stronie znacznie lepszy wygląd w porównaniu z atrybutami HTML.

  • Multiple Device Compatibility- Arkusze stylów umożliwiają optymalizację treści dla więcej niż jednego typu urządzeń. Korzystając z tego samego dokumentu HTML, można prezentować różne wersje strony internetowej dla urządzeń przenośnych, takich jak PDA i telefony komórkowe, lub do drukowania.

  • Global web standards - Obecnie atrybuty HTML są przestarzałe i zaleca się używanie CSS. Dlatego dobrym pomysłem jest rozpoczęcie używania CSS na wszystkich stronach HTML, aby były zgodne z przyszłymi przeglądarkami.

Publiczność

To CSS tutorial pomoże zarówno studentom, jak i profesjonalistom, którzy chcą uatrakcyjnić swoje strony internetowe lub osobiste blogi.

Wymagania wstępne

Powinieneś znać:

  • Podstawowe przetwarzanie tekstu za pomocą dowolnego edytora tekstu.
  • Jak tworzyć katalogi i pliki.
  • Jak poruszać się po różnych katalogach.
  • Przeglądanie Internetu za pomocą popularnych przeglądarek, takich jak Internet Explorer czy Firefox.
  • Tworzenie prostych stron internetowych przy użyciu HTML lub XHTML.

Jeśli nie znasz jeszcze HTML i XHTML, sugerujemy, abyś najpierw zapoznał się z naszym samouczkiem HTML lub samouczkiem XHTML.