آموزش کار با تصویر در CSS
سلام
خب بعد از آموزش کار با متن نوبت به کار با تصویر در CSS میرسه
ابتدا با تگ img آشنا میشیم البته این تگ مربوط به html میشه اما چون به بحث مربوط هست در اینجا قرارش میدیم :

<img src="adres tasiver" />

خب در تعریف کلاس برای یک تصویر میتونید به صورت مستقل یا زیر مجموعه ای عمل کنید مثلا ما کلاسی با نام test تعریف میکنیم به طور اختصاصی برای تصویر مورد نظرمون تعریف میکنیم .
خب برای یک تصویر ما میتونیم اندازه ها رو تعریف کنیم یعنی طول و عرض به صورت زیر :

.test {
width:50px;
height:75px;
}

خب حالا وقتی بخوایم این کلاس رو برای تگ تصویر مشخص کنیم باید :

class="test"

رو به تگ تصویر اضافه کنیم ، یعنی میشه :

<img class="test" src="adres tasivr" />



خب اما گاهی اوقات شما کلاسی از پیش تعریف کردید و میخواید حالا تصاویر یا تصویر زیرمجموعه اون کلاس ویژگی دیگه ای داشته باشه خب باید کلاس رو به صورت زیر تعریف کنید :

.test img {

}

با اینکار میتونید ویژگی های مورد نظر رو برای تصویر یا تصاویر زیرمجموعه کلاس test تعریف کنیم .


موفق باشید
پایان این قسمت
thanks
نویسنده :

X
پوسته نسیم
نام پوسته : نسیم طراحی شده توسط : همیار مای بی بی ویژگی ها : دارای باکس تبلیغات در هدر باکس ور ...
پوسته 1.8
دیدگاه های کاربران 0

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :