گروه آموزش طراحی سایت 14 اردیبهشت 1392 2 1256 بازدید آموزش HTML

در آموزش قبل به معرفی صفات و خصوصیات رایج در HTML پرداختیم.

در این آموزش قصد بررسی استایل دهی برخط سی اس اس یا همان inline css را داریم.

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

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

استایل بر خط

توجه داشته باشید که اگر قصد اضافه کردن چندین صفت بصورت بر خط را دارید باید صفات را توسط ; (نقطه ویرگول) از هم جدا نما. در زیر اسامی چندین صفت پرکاربرد آمده است.

نکته: این صفات فقط در استایل دهی برخط کاربرد دارند.

margin: ایجاد حاشیه بیرونی عامل

padding: ایجاد حاشیه درونی  عامل

background-color: رنگ زمینه راتعیین میکند

background-image: عکسی را برای زمینه انتخاب میکند

border:کادر دور عامل

color: رنگ متن عامل

text-aligm: تراز بندی متن

height: ارتفاع

width: عرض عامل

max-height: حداکثر ارتفاع عامل

min-height: حداقل ارتفاع عامل

max-width: حداکثر عرض عامل

min-width: حداقل عرض عامل

مثال:

مثال
خروجی تکه کد بالا بصورت زیر میباشد:

نتیجه

در بخش بعدی معرفی تگ های عمومی div , span را آموزش خواهیم داد.
با آنلاینر همراه شوید . . .

نظرات کاربران (2)