Wspomaganie dla CSS - Dynamiczny kod

Na wspomaganie CSS w Pająku składa się między innymi również mechanizm dynamicznego kodu.

Dynamiczny kod pobiera dane z pliku definicyjnego CSS oraz analizuje istniejący kod arkuszy (w tym dołączonych do bieżącego arkusza za pomocą klauzuli @import). W ten sposób możliwe jest podawanie w podpowiedziach odpowiednich nazw własności CSS. Można dzięki temu znacznie efektywniej pisać arkusze, gdyż pomimo tego, że istnieją przeznaczone do tworzenia arkuszy narzędzia, czasem szybciej jest wpisać kod "z palca".

Działanie dynamicznego kodu polega na podpowiadaniu nazw elementów możliwych do wykorzystania (funkcje, metody klas, zmienne i stałe). Narzędzie można wywołać na dwa sposoby:

  1. automatyczne wyświetlanie podpowiedzi - skorzystaj z polecenia na mini pasku edytora (ikona polecenia została pokazana obok). Podpowiedzi będą pojawiać się po chwili nieaktywności.
  2. za pomocą skrótu klawiszowego - możesz w każdej chwili wywołać dymek z podpowiedzią do aktualnie wpisywanej funkcji, wciskając skrót klawiszowy ctrl+spacja.

Jeśli aktywowałeś automatyczne wyświetlanie, wpisz początek nazwy własności (np. font-) i poczekaj chwilę - pojawi się lista z elementami, których możesz użyć. Na liście podświetlona będzie pierwsza pozycja, która jest najbardziej zgodna z wpisanym ciągiem (np. dla font- będzie to nazwa funkcji font-family). W przypadku, gdy automatyczne wyświetlanie jest wyłączone, aby otrzymać podpowiedź, skorzystaj ze skrótu.

Po liście możesz poruszać się za pomocą pasków przewijania, strzałkami itp. (jak w każdym oknie). Aby wstawić wybraną konstrukcję do dokumentu, wciśnij Enter bądź kliknij na nią.

Ikony przy nazwach określają typ własności.

  • - Dźwięk
  • - Bloki
  • - Klasyfikacja
  • - Kolory i tło
  • - Czcionka
  • - Generowane
  • - Paski przesuwu
  • - Strona
  • - Tabele
  • - Tekst
  • - Wizualne

Pokrewne tematy

Do góry