Co to jest CSS?

Kaskadowe arkusze stylów (z ang. CSS - Cascading Style Sheets) zostały opracowane w 1996 roku i z założenia miały służyć do tworzenia wyglądu witryny internetowej. Powstały w celu oddzielenia struktury dokumentu (tworzonej przy użyciu HTML) od formy jego prezentacji.

Korzyści ze stosowania CSS

Zalet kaskadowych arkuszy stylów jest całkiem sporo. Z najważniejszych można wymienić:

• CSS mają wpływ na szybsze ładowanie stron
  Arkusz stylów jest pobierany tylko raz i przechowywany w pamięci podręcznej przeglądarki, więc kolejne strony ładują się szybciej.
• CSS pozwalają umiejscowić element w dowolnym miejscu na stronie
  Webmasterzy lubią używać CSS, ponieważ pozwala na umieszczanie elementów w dowolnym miejscu witryny. Na przykład, jeśli w trakcie tworzenia witryny położenie jakiegokolwiek elementu przestaje pasować do układu, to Webmaster może go przy pomocy CSS bez większego problemu przesunąć, albo ukryć.
• CSS są kompatybilne ze wszystkimi przeglądarkami
  Większość stron stworzonych przy użyciu CSS wygląda tak samo we wszystkich nowoczesnych przeglądarkach.
• CSS pozwalają na szybkie dostosowanie całej witryny
  Zewnętrzne arkusze stylów umożliwiają dokonanie koniecznych zmian w układzie lub wyglądzie witryny bez konieczności zmian w kodzie HTML.
• CSS pozwalają na tworzenie stron internetowych przeznaczonych do druku
  Strony można łatwo drukować. Kolory, zdjęcia i inne elementy, które są trudne do wydrukowania, można usunąć.
• CSS wspierają funkcje wyszukiwarek
  Dzięki pozycjonowaniu elementów na stronie, treści najważniejsze można umieścić na początku, co sprawia, że boty indeksujące szybciej docierają do ważnych treści.

Jeszcze kilka lat temu sporym problemem było niejednolite interpretowanie stylów przez przeglądarki. Często zdarzało się zatem, że witryny różnie wyglądały w różnych przeglądarkach lub się "rozjeżdżały". Obecnie przeglądarki dają sobie całkiem nieźle radę z poprawnym wyświetlaniem stron, a różnice w obsłudze stylów sprowadzają się już praktycznie tylko do tempa implementacji nowych rozwiązań testowanych przez W3C w ramach projektu CSS3.

Jednostki miar w CSS.

Jednostki wykorzystywane są wszędzie tam, gdzie właściwości kaskadowych arkuszy stylów na to pozwalają. Za pomocą jednostek określa się wiele różnych parametrów, dzięki którym możliwe jest precyzyjne określenie stanu bądź zachowania właściwości.

Procentowe określenie rozmiaru

Wartość procentowa określana jest zawsze względem innego rozmiaru, na przykład długości. Może się odnosić do innej właściwości dla tego samego elementu, właściwości dla elementu przodka oraz lub wartości kontekstu formatowania (np. szerokości bloku zawierającego).

Bezwzględne jednostki długości

Bezwzględne jednostki długości są równe fizycznym jednostkom miar lub ustalane w stosunku do siebie. Przydatne najczęściej, gdy znane jest środowisko wyjściowe.

Względne jednostki długości

Względne jednostki długości określają rozmiary w stosunku do innych długości. Wykorzystywane w celu łatwiejszego skalowania z jednego środowiska wyjściowego do drugiego.

Jednostki względem czcionki

Jednostki procentowe rzutni (obszaru wyświetlania)

Jednostki czasu

Jednostki czasu służą do określania jak długo wykonywane jest działanie przewidziane przez właściwość lub po jakim czasie od załadowania dokumentu akcja się rozpocznie.

Jednostki kątowe

Wartości kątowe są używane przez słuchowe arkusze stylów oraz wykorzystywane w transformacjach i animacjach.

Tekt pochodzi ze strony e-zoner.pl