Edytor CSS – Wikipedia, wolna encyklopedia
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.