عنوان URL لـ CSS ()

تعرف على كيفية استخدام وظيفة CSS url ()

عندما نتحدث عن صور الخلفية ،@import، وأكثر من ذلك ، نستخدمurl()وظيفة لتحميل مورد:

div {
  background-image: url(test.png);
}

في هذه الحالة ، استخدمت عنوان URL نسبيًا ، والذي يبحث في الملف في المجلد حيث يتم تعريف ملف CSS.

يمكنني العودة مستوى واحد إلى الوراء

div {
  background-image: url(../test.png);
}

أو انتقل إلى مجلد

div {
  background-image: url(subfolder/test.png);
}

أو يمكنني تحميل ملف بدءًا من جذر المجال حيث تتم استضافة CSS:

div {
  background-image: url(/test.png);
}

أو يمكنني استخدام عنوان URL مطلق لتحميل مورد خارجي:

div {
  background-image: url(https://mysite.com/test.png);
}

تحميل مجانيكتيب CSS


المزيد من دروس css: