csslogo

Czym jest CSS?

CSS to: język służący do opisu formy prezentacji (wyświetlania) stron WWW. CSS został opracowany przez organizację W3C w 1996 r. Jako potomek języka DSSSL przeznaczony do używania w połączeniu z SGML-em. Pierwszy szkic CSS zaproponował w 1994 r. Håkon Wium Lie. Arkusz stylów CSS to lista dyrektyw (tzw. reguł) ustalających w jaki sposób ma zostać wyświetlana przez przeglądarkę internetową zawartość wybranego elementu (lub elementów) (X)HTML lub XML. Można w ten sposób opisać wszystkie pojęcia odpowiedzialne za prezentację elementów dokumentów internetowych, takie jak rodzina czcionek, kolor tekstu, marginesy, odstęp międzywierszowy lub nawet pozycja danego elementu względem innych elementów bądź okna przeglądarki. Wykorzystanie arkuszy stylów daje znacznie większe możliwości pozycjonowania elementów na stronie, niż oferuje sam (X)HTML.

Po co został stworzony język CSS?

CSS został stworzony w celu odseparowania struktury dokumentu od formy jego prezentacji. Separacja ta zwiększa zakres dostępności witryny, zmniejsza zawiłość dokumentu, ułatwia wprowadzanie zmian w strukturze dokumentu. CSS ułatwia także zmiany w renderowaniu strony w zależności od obsługiwanego medium (ekran, palmtop, dokument w druku, czytnik ekranowy). Stosowanie zewnętrznych arkuszy CSS daje możliwość zmiany wyglądu wielu stron naraz bez ingerowania w sam kod (X)HTML, ponieważ arkusze mogą być wspólne dla wielu dokumentów.

Zalety CSS-a

Największą zaletą CSS jest umożliwienie rozdzielenia warstwy prezentacji od warstwy danych. Dzięki temu możliwe jest definiowanie wielu stylów dla tych samych danych, a sam dokument HTML jest bardziej przejrzysty i łatwiejszy do utrzymania i dalszego rozwinięcia. Dodatkowo w przypadku potrzeby wprowadzenia zmian w definicji stylu wykorzystanego dla elementu występującego wielokrotnie w dokumencie HTML w pliku CSS zmiany są wprowadzane raz, a zmiana jest adaptowana przez wszystkie elementy. Skutkuje to oszczędnością czasu i pracy.

Wady CSS-a

Css nie posiada jedynie zalet ponieważ gdy poziome rozmieszczenie jest relatywnie łatwe do wykonania to pionowe rozmieszczenie jest często mało intuicyjne. Proste czynności jak centrowanie elementu pionowo często wymaga skomplikowanych operacji. Oprócz tego CSS uniemożliwia definiowanie nowych zakresów bez względu na aktualną pozycję. Jak również kierunkowanie stylu dla określonej części tekstu (oprócz :first-letter) jest zawiłym zadaniem.

cssprinciple

Jak Wygląda składnia CSS?

Składnia CSS wygląda np. tak: body { właściwość:wartość; } W taki sposób zapisujemy zmiany dla poszczególnych elementów strony.

Pomocne może być tworzenie tzw. klas dla elementów np.: p class="nazwa_klasy". Służą one do zmienienia poszczególnych elementów tego samego znacznika.np.: Wszystkie p są czerwone ale jeden z nich oznaczony klasą class="nazwa_klasy" jest niebieski.

Jak opisać konkretny materiał?

Aby zapisać konkretny materiał zamknięty w innym można wpisać po spacji dalszą część ścieżki np.: ul li a { właściwość:wartość } Tak zapisany kod jest w 100% czytelny dla programu i wprowadzi on zmiany do konkretnego materiału.

Czy w CSS-sie można wpisywać dane w nieskończoność?

Odpowiedź brzmi: TAK. Program ma nieskończoną liczbę lini które możemy zapełniać. Ważne jednak aby się w nich nie pogubić.