رفتن به مطلب

پست های پیشنهاد شده

سلام. تو CSS یه مقدار به نام Src وجود داره. این src کارش چیه؟

من احساس می کنم برای نمایش تصویره. اما هیچ تصویری رو برای کلاس مربوطه نمایش نمیده.

اگه امکانش هست یه مثال عینی بزنید. ممنون.

لینک به ارسال

سلام.

به هیچ وجه تو CSS چیزی به اسم src وجود نداره! مگر برای گرفتن attr یک تصویر که اونم مخلفات می خواد :|

  • امتیاز 1
لینک به ارسال

منظور تون src تگ img هست ؟


<img src="linktoimage.png">

دقیقاً با چه بخشی مشکل دارید ؟ آدرس عکس رو درست وارد کردید؟

  • امتیاز 1
لینک به ارسال

فکر کنم شما این قابلیت رو توی نرم افزار های ویرایشگری مثل Dreamweaver یا Brackets دیدید درسته ؟؟

این اصلا جنبه عنصر نداره ! فقط برای سریع تر شدن کار توی نوشتن آدرس فونت ها به کار میاد .

مثال :


@font-face{font-family:BYekan;src:url(fonts//BYekan.eot);
src:local('b BYekan'),url(fonts//BYekan.woff) format('woff'),url(fonts//BYekan.ttf) format('truetype'),url(BYekan.svg) format('svg');
font-weight:400;font-style:normal}

  • امتیاز 3
لینک به ارسال

هیچ مشکل خاصی ندارم. من یه کلاس تعریف کردم برای تصاویر. مثلا کلاس ico.

یه سری ویژگیهای مثله ابعاد و ... رو هم بهش دادم. این src رو اتفاقی دیدم و فکر کردم برای تصاویر تکراری آدرس تصویر رو بشه تو کلاس وارد کرد.

مثلا بجای


<img src="Data/info.png" />

بنویسم


<img class="ico" />

اما در حالت دوم تصویری نمایش داده نمیشه، یعنی به صورتی که تصویر رو پیدا نکرده نشون داده میشه. می خواستم ببینم این src دقیقا چیکار می کنه. همین.

فکر کنم شما این قابلیت رو توی نرم افزار های ویرایشگری مثل Dreamweaver یا Brackets دیدید درسته ؟؟

این اصلا جنبه عنصر نداره ! فقط برای سریع تر شدن کار توی نوشتن آدرس فونت ها به کار میاد .

مثال :


@font-face{font-family:BYekan;src:url(fonts//BYekan.eot);
src:local('b BYekan'),url(fonts//BYekan.woff) format('woff'),url(fonts//BYekan.ttf) format('truetype'),url(BYekan.svg) format('svg');
font-weight:400;font-style:normal}

بله دقیقا. ممنون.

لینک به ارسال

البته می تونید از خاصیت background-image استفاده کنید دوست عزیز اگر میخواین از کلاس استفاده کنید.

با دادن طول و عرض هم می تونید سایز رو تنظیم کنید.


.class {
background-image:url('link.png');
}

  • امتیاز 2
لینک به ارسال

این هم هست


.class {
content:url('image.png');
}

src تصویر رو احضار می کنه خودتون که می بینید آدرس تصویر مقدارشه

  • امتیاز 1
لینک به ارسال

کوتاه شده عبارت Source هست و داخل ساختار html برای آدرس دهی استفاده میشه.

  • امتیاز 2
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...