Πίνακας περιεχομένων:

Πώς λειτουργούν λιγότερα αρχεία;
Πώς λειτουργούν λιγότερα αρχεία;

Βίντεο: Πώς λειτουργούν λιγότερα αρχεία;

Βίντεο: Πώς λειτουργούν λιγότερα αρχεία;
Βίντεο: Πώς Λειτουργούν οι Οικονομικές Κυρώσεις | Greekonomics #24 2024, Νοέμβριος
Anonim

ΠΙΟ ΛΙΓΟ παρέχει μια εγγενή διεπαφή γραμμής εντολών (CLI), lessc, η οποία χειρίζεται πολλές εργασίες πέρα από την απλή μεταγλώττιση ΠΙΟ ΛΙΓΟ σύνταξη. Χρησιμοποιώντας το CLI εμείς μπορώ λινάξτε τους κωδικούς, συμπιέστε το αρχεία και δημιουργήστε έναν χάρτη πηγής. Η εντολή βασίζεται στο Node. js που επιτρέπει αποτελεσματικά την εντολή να εργασία σε Windows, OS X και Linux.

Ομοίως, τι είναι ένα λιγότερο αρχείο;

Πιο λιγο (Λαύτερα φύλλα στυλ, μερικές φορές στυλιζαρισμένα ως ΠΙΟ ΛΙΓΟ ) είναι μια δυναμική γλώσσα φύλλου στυλ προεπεξεργαστή που μπορεί να μεταγλωττιστεί σε Cascading Style Sheets (CSS) και να εκτελεστεί στην πλευρά του πελάτη ή του διακομιστή. Η εσοχή σύνταξη του Πιο λιγο είναι μια ένθετη μεταγλώσσα, καθώς ισχύει έγκυρο CSS Πιο λιγο κώδικα με την ίδια σημασιολογία.

Ομοίως, τι είναι λιγότερο στην ανάπτυξη Ιστού; ΣΦΑΙΡΙΚΗ ΕΙΚΟΝΑ. Πιο λιγο (που σημαίνει Leaner Style Sheets) είναι μια επέκταση γλώσσας συμβατή προς τα πίσω για CSS. Αυτή είναι η επίσημη τεκμηρίωση για Πιο λιγο , η γλώσσα και Πιο λιγο . js, το εργαλείο JavaScript που μετατρέπει το δικό σας Πιο λιγο στυλ σε στυλ CSS. Επειδή Πιο λιγο μοιάζει με CSS, μαθαίνοντας ότι είναι παιχνιδάκι.

Έτσι, πώς λειτουργεί το CSS less;

ΠΙΟ ΛΙΓΟ σχεδιάστηκε για να είναι όσο πιο κοντά CSS όσο το δυνατόν, ώστε η σύνταξη να είναι ίδια με την τρέχουσα CSS κώδικας. Αυτό σημαίνει ότι μπορείτε να το χρησιμοποιήσετε αμέσως με τον υπάρχοντα κωδικό σας. Πρόσφατα, η Sass εισήγαγε επίσης ένα CSS -όπως η σύνταξη που ονομάζεται SCSS (Sassy CSS ) για να διευκολύνετε τη μετανάστευση.

Πώς χρησιμοποιείτε λιγότερες μεταβλητές;

Οι μεταβλητές μπορούν να χρησιμοποιηθούν είτε απευθείας, ως αναφορά, μέσα σε μια συμβολοσειρά ή για τη δημιουργία τμημάτων της δομής του φύλλου στυλ

  1. Κατευθείαν. Χρησιμοποιήστε τη σύνταξη @ για να χρησιμοποιήσετε απευθείας την τιμή της μεταβλητής: @number: 10; h1 { μέγεθος: @number; }
  2. Ως αναφορά.
  3. Εσωτερικό όνομα ακινήτου.
  4. Μέσα στο String.
  5. Δομή φύλλου στυλ.

Συνιστάται: