خانه / آموزش برنامه نویسی / آشنایی با تگ style – آموزش HTML

آشنایی با تگ style – آموزش HTML

آشنایی با تگ style

آشنایی با تگ style برای کار کردن بر روی ظاهخر صفحات اچ تی ام ال استفاده می شود.

آشنایی با تگ style

تگ style تگی هستش که به ما اجازه میده تا صفحات اچ تی ام المون رو دیزاین کنیم.

تگ استایل ی تگ ایکیس اچ تی ام الیه.

یعنی وقتی تپ باز میشه تگ بسته هم ازمون میخواد.

میتونه به صورت زیر در اچ تی ام ال استفاده شه.

این تگ معمولا در برچسب head نوشته میشه و ی جورایی فرزند این برچسب حساب میشه.

حالا میخوام ی استایل یک خطی بنویسم و توی کدی که در بحث های قبلی زدیم قرارش بدم.

حالا باید با attribute های برچسب style آشنا شیم.

معرفی attribute های تگ style

تگ style دارای attribute  های title، type، media و scoped می باشد.

– ویژگی type تکگی هستش ک شما داخل اون mime type کد استایل رو مشخص می کنین. الان در کد بالا mime type استایل من از نوع text/css هستش که مشخص میکنه کدی ک قراره داخل اون قرار بدم کد css هستش.

– ویژگی title ی ویژگی عمومی در اکثر برچسب های html هست و وظیفه اون توضیح بیشتر ی تگ هستش.

– ویژگی media ویزگی ای هستش ک با کمک اون میتونیم به مرورگر بگیم این استایلی که ما نوشتیم چ موقع کاربرد داره. مثلا این استیا در هنگام پرینت کاربرد داره، فقط در مانیتور کاربرد داره و …

– ویژگی scoped هم ی ویژگی کاربردی هستش.

با استفاده از این ویژگی میتونین استایل هایی بنویسین که فقط محدود به ی برچسب یا فرزندان اون برچسب باشن.

حالا چون هنوز با اکثر برچسب ها آشنا نشدیم اینو میذاریم در یکی از برچسب های کاملتر توضیح میدیم.

حالا میخوام پشتیبانی این ویژگی ها در ۶ مرورگر محبوب بررسی کنم.

پشتیبانی در مرورگرها مرورگر کروم مرورگر اج مرورگر فایرفاکس مرورگر اینترنت اکسپلورر مرورگر اپرا مرورگر سافاری
تگ style از نسخه ۱٫۰ ب بالا بله از نسخه ۱٫۰ ب بالا از نسخه ۳٫۰ ب بالا  از نسخه ۳٫۵ ب بالا از نسخه ۱٫۰ ب بالا
ویژگی type از نسخه ۱٫۰ ب بالا بله از نسخه ۱٫۰ ب بالا  از نسخه ۳٫۰ ب بالا از نسخه ۳٫۵ ب بالا  از نسخه ۱٫۰ ب بالا
ویژگی media از نسخه ۱٫۰ ب بالا بله از نسخه ۱٫۰ ب بالا  از نسخه ۳٫۰ ب بالا از نسخه ۳٫۵ ب بالا  از نسخه ۱٫۰ ب بالا
ویژگی title از نسخه ۱٫۰ ب بالا بله از نسخه ۱٫۰ ب بالا  از نسخه ۳٫۰ ب بالا از نسخه ۳٫۵ ب بالا  از نسخه ۱٫۰ ب بالا
ویژگی scoped نسخه ۱۹٫۰ ب بالا خیر نسخه ۲۱٫۰ ب بالا خیر خیر خیر

خب به گمونم امروز به قدر کافی در باره آشنایی با تگ style توضیح دادم.

امیدوارم راضی بوده باشین و از این مطلب بهره مند شده باشین.

تا دیدار بعدی شما رو ب خدای بزرگ میسپارم.

ارادتمند شما

بهزاد حسنی

آشنایی با تگ style

امتیاز بدهید

با دادن امتیاز واقعی به این پست ما را در تقویت و بهبود مطالب سایت یاری فرمایید. با تشکر.

User Rating: Be the first one !

درباره ی بهزاد حسنی

بهزاد حسنی
سلام خدمت دوستان. من بهزاد حسنی هستم. 3.5 سال هم توی دانشگاه و کلاس های خصوصی تدریس کردم. رشته دانشگاهیم نرم افزار بود و شدیدا برنامه نویسی میکردم :-) سابقه کار تو شرکت های بزرگ رو هم دارم. کل زندگی من وقف برنامه نویسی و ریاضی شده. امیدوارم بتونم همیشه برای ارتقای دانش کشور موثر باشم.

مطلب پیشنهادی

آشنایی با BitArray در سی شارپ

آشنایی با BitArray در سی شارپ – آموزش سی شارپ مقدماتی

آشنایی با BitArray در سی شارپ آشنایی با BitArray در سی شارپ کاربردهای قابل توجهی …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload the CAPTCHA.