Apakah maksud kurang dalam css?

Dalam css, less ialah bahasa prapemprosesan yang memanjangkan bahasa css untuk menjadikan css lebih mudah untuk diselenggara dan dikembangkan kurang juga merupakan prapemproses yang membolehkan lembaran gaya yang boleh disesuaikan, boleh diurus dan boleh digunakan semula supaya ia boleh dibaca oleh penyemak imbas web.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Apakah maksud kurang dalam css?

Less ialah bahasa prapemprosesan CSS yang memanjangkan bahasa CSS dan menambah pembolehubah dan mixin , fungsi dan ciri lain menjadikan CSS lebih mudah untuk dikekalkan dan dikembangkan.

LESS ialah prapemproses CSS yang membolehkan lembaran gaya yang boleh disesuaikan, boleh diurus dan boleh digunakan semula untuk tapak web. LESS ialah bahasa helaian gaya dinamik yang memanjangkan keupayaan CSS. LESS juga mesra penyemak imbas.

Prapemproses CSS ialah bahasa skrip yang memanjangkan CSS dan menyusunnya ke dalam sintaks CSS biasa supaya ia boleh dibaca oleh penyemak imbas web. Ia menyediakan ciri seperti pembolehubah, fungsi, campuran dan tindakan untuk membina CSS dinamik.

Kurang membolehkan kami mentakrifkan pembolehubah, menggunakan pengisytiharan bersarang, mentakrifkan fungsi, dsb. Tegasnya, Less terdiri daripada dua bahagian: (1) Kurang sintaks dan (2) Kurang prapemproses. Lagipun, penyemak imbas hanya memahami CSS, jadi Kurang fail perlu disusun ke dalam CSS melalui prapemproses Kurang.

Contohnya adalah seperti berikut:

@base: #f938ab;
.box-shadow(@style, @c) when (iscolor(@c)) {
  -webkit-box-shadow: @style @c;
  box-shadow:         @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}

Output sebagai kod css adalah seperti berikut:

.box {
  color: #fe33ac;
  border-color: #fdcdea;
}
.box div {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

(Perkongsian video pembelajaran: tutorial video css )

Atas ialah kandungan terperinci Apakah maksud kurang dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!