Istnieje wiele generatorów kodów CSS, które pozwalająaby dodać efekty do obrazów, tekstu lub elementów. Te generatory kodu są tym, czym są i podają tylko kod CSS. Niewiele z nich pozwala wybrać sposób załadowania CSS w pliku HTML. To, co ci pozostawi, to tworzenie pliku HTML i ręczne definiowanie w nim klas. XEO CSS to generator kodu CSS i edytor HTML. Tworzy plik HTML i daje opcję załadowania klas z HTML, identyfikatorów z HTML do nazw elementów z niego. Zmiany w CSS są wprowadzane za pomocą edytora wizualnego i kodowanie jest niewielkie lub nie wymaga żadnego kodowania. Możesz zapisać wiele plików, rejestrując się w usłudze i wznowić ich edycję w dowolnym momencie.
Niekoniecznie musisz się zarejestrowaćkonto, będziesz mógł korzystać ze wszystkich funkcji aplikacji bez rejestracji, ale nie będziesz mógł zapisywać plików. Przy pierwszym użyciu aplikacja wyświetla podgląd makiety strony HTML. Można edytować wszystko, od czcionki, koloru tła po cień.
Możesz zacząć od edycji pliku HTMLlub plik CSS. Oba są edytowane i zapisywane osobno; kiedy wprowadzasz zmiany CSS, upewnij się, że kliknąłeś przycisk Zapisz. Plik CSS jest zapisywany, gdy jesteś w Zapowiedź tryb. Kliknij przycisk Zapisz w Edytor HTML tryb, aby zapisać wszelkie zmiany w pliku HTML.
Dzięki domyślnie ładowanemu szablonowi HTMListnieje również plik CSS, a wszystkie klasy w pliku są wymienione w panelu po lewej stronie. Możesz dodać lub usunąć dowolną z tych klas. Aby dodać klasę, kliknij znak plus i zacznij wpisywać nazwę klasy, aby usunąć klasę, wybierz ją i kliknij znak minus.
Górny pasek nawigacyjny pozwala przełączać się między edytorem HTML, kodem CSS, edytorem CSS i trybem podglądu.
Aby edytować CSS dla konkretnego selektora, wybierz goz lewego panelu i kliknij Edytor CSS na górnym pasku nawigacyjnym. Otworzy się edytor wizualny umożliwiający edycję tła, typografii (tekstu), wymiarów, układów, przekształceń, ramek i przejść. Edytor pozwala edytować atrybuty zdefiniowane w CSS, które normalnie musiałbyś kodować.
Jeśli zdecydujesz się dodać nowy selektor, możesz użyć tego samego edytora, aby zdefiniować jego atrybuty i zastosować klasę w dowolnym miejscu, edytując plik HTML. Kliknij Zapisać po zmianach zarówno HTML, jak i CSS. Funkcja zapisu ma kilka usterek i chociaż plik CSS jest zawsze zapisywany, plik HTML może nie być taki, więc upewnij się, że zawsze kopiujesz kod z odpowiednich widoków kodu HTML i CSS.
Odwiedź XEO CSS
Komentarze