Rumah > Artikel > hujung hadapan web > Apakah maksud var dalam css?
Fungsi var() dalam CSS menyediakan storan berubah dan fungsi penggunaan, memberikan nilai kepada pembolehubah dan menggunakannya sepanjang helaian gaya. Penggunaan: 1. Gunakan awalan -- untuk mengisytiharkan pembolehubah (--
: ); ;) ). Gunakan var() untuk kebolehgunaan semula, konsistensi dan kemudahan penyelenggaraan, dan untuk mencipta nilai yang melaraskan berdasarkan pertanyaan media atau pembolehubah JavaScript.
Apakah itu var dalam CSS?
Fungsi var()
dalam CSS membolehkan anda menyimpan dan menggunakan pembolehubah. Ia membolehkan anda memberikan nilai kepada pembolehubah dan kemudian menggunakan semula pembolehubah itu sepanjang helaian gaya anda. var()
函数允许你存储和使用变量。它让你可以将值分配给变量,然后在整个样式表中重复使用该变量。
如何使用 var
要使用 var()
,请按照以下步骤操作:
--
前缀声明一个 CSS 变量。语法为:--<变量名>: <值>;
var()
函数来获取变量的值。语法为:var(--<变量名>);
示例
例如,以下代码声明了一个名为 --primary-color
的变量,并将其设置为蓝色:
<code class="css">:root { --primary-color: blue; }</code>
然后,你可以在样式表的其他部分使用此变量:
<code class="css">.heading { color: var(--primary-color); }</code>
优点
使用 CSS 变量有很多优点,包括:
var()
函数来创建动态值,例如根据媒体查询或 JavaScript 变量调整大小或颜色。注意
var(--var-1)
。var()
函数不支持计算表达式,例如 var(--var-1 + var(--var-2))
var()
, sila ikuti langkah berikut: 🎜--
pengisytiharan Pembolehubah CSS. Sintaksnya ialah: --<Variable name>: <Value>;
🎜var()
untuk mendapatkan nilai pembolehubah. Sintaksnya ialah: var(--<Variable name>);
🎜--primary- warna
dan tetapkannya kepada biru: 🎜rrreee🎜 Anda kemudian boleh menggunakan pembolehubah ini di bahagian lain lembaran gaya anda: 🎜rrreee🎜🎜 Kelebihan 🎜🎜🎜 Terdapat banyak kelebihan menggunakan pembolehubah CSS, termasuk: 🎜 var()
untuk mencipta nilai dinamik, seperti mengubah saiz atau mewarna berdasarkan pertanyaan media atau pembolehubah JavaScript. 🎜🎜🎜🎜Nota🎜🎜var(--var-1)
. 🎜var()
tidak menyokong ungkapan pengiraan, seperti var(--var-1 + var(--var-2))
. 🎜🎜Atas ialah kandungan terperinci Apakah maksud var dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!