Edytor stylów CSS – program wspomagający tworzenie kaskadowych arkuszy stylów CSS.

Style CSS, podobnie jak HTML, są czystym tekstem interpretowanym przez przeglądarki internetowe. Można je tworzyć nawet w najprostszym edytorze tekstów, jak choćby Notatniku czy gedicie. Jednak dobrze zaprojektowane edytory znacznie przyspieszają tworzenie stylów, a przede wszystkim minimalizują ryzyko popełnienia błędu.

Obecnie dysponujemy dwiema klasami edytorów stylów. Pierwszą stanowią narzędzia wbudowane w tekstowe edytory HTML (przykładem jest choćby polski Pajączek). Drugą klasę reprezentują samodzielne programy.

W rozwijanych obecnie edytorach dominuje procedura tworzenia zewnętrznych arkuszy stylów — najwygodniejszej i najczęściej stosowanej techniki dołączania stylów do witryny internetowej. Polega to na wybieraniu selektorów z dostępnej listy, a następnie przypisywaniu im kolejnych par cech-wartości. Po zdefiniowaniu całego zestawu arkusz jest zapisywany na dysku jako plik z rozszerzeniem .css i może służyć jako zewnętrzny arkusz stylów.

Typowe cechy edytora stylów CSS:

  • Wybieranie selektorów z listy lub ręczne ich wpisywanie
  • Wybieranie obsługiwanego poziomu stylów (CSS1, CSS2) lub ich obsługi przez konkretne przeglądarki (Mozilla, Internet Explorer, Opera…)
  • Podział stylów na kategorie zgodnie ze specyfikacją World Wide Web Consortium
  • Wewnętrzny podgląd pojedynczego redagowanego selektora
  • Wewnętrzny podgląd całego arkusza za pomocą wbudowanej kontrolki (Internet Explorer lub Mozilla)
  • Zewnętrzny podgląd całego arkusza za pomocą przeglądarki internetowej
  • Pokazywanie zgodności selektora z wybranymi przeglądarkami internetowymi
  • Wykorzystywanie gotowych szablonów
  • Wykorzystywanie sporządzonych samodzielnie zestawów kodów (tzw. gotowców)
  • Wspomaganie edycji za pomocą autouzupełniania i inspektora kodów
  • Wbudowana kontrola poprawności kodu CSS
  • Zewnętrzna kontrola poprawności kodu za pomocą sieciowych parserów (walidacja)
  • Podświetlanie składni

Poszczególne edytory stylów zawierają wszystkie wymienione cechy lub tylko ich część – różnią się też zakresem obsługi selektorów zdefiniowanych w specyfikacji CSS, np. nie wszystkie obsługują selektory dziecka, selektory atrybutu czy pseudoklasy.

Do najpopularniejszych edytorów stylów w środowisku Windows należą:

  • TopStyle Pro i TopStyle Lite (Bradbury Software)
  • Style Master (Western Civilisation)
  • Rapid CSS 2004 (Blumentals Software)
  • Style Studio (Softidentity)
  • Stylesheet Maker (Coffee Cup Software)
  • Astyle CSS editor (Abstract thought Lab)
  • Balthisar Cascade (Balthisar Software).

W środowisku OS X jednym z najlepszych edytorów stylów CSS jest CSSEdit.

Zobacz też edytuj