جلسه ۰۸ : style در html

• جزئیات
• نوع محتواآموزش تصویری

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش html را دنبال می کنند. همانطور که در بخش های قبلی نیز عنوان کردیم عناصر html بخش های مختلف هر صفحه وب را تشکیل می دهند، اما در حالت عادی این عناصر هیچ style خاصی ندارند و اغلب آن ها در حالت ساده دیده نمی شوند. برای دیده شدن عناصر و تعریف ظاهر برای هر عنصر باید با نحوه ی کار با style در html آشنایی داشته و از این طریق برای هر عنصر ظاهر و شکل مورد نظر را تعریف کنید. از این رو style در html از اصلی تریت بخش های هر صفحه وب بوده و از اهمیت ویژه ای برخوردار است. در ادامه ی این آموزش به منظور آشنایی با چگونگی کار با style در html با ما همراه باشید.

کار با style در html

در ادامه ی این مباحث برای داشتن یک آشنایی از نحوه کار با style در html به چند style ساده اما پرکاربرد در html پرداخته ایم.

صفات style در html

تنظیم style یک عنصر HTML را می توان با ویژگی style انجام داد.

ساختار تعریف صفت style در html:

در ساختار فوق property یک ویژگی css و value نیز یک مقدار css است.

رنگ پس زمینه در html

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

این مثال رنگ پس زمینه برای یک صفحه را به powderblue تغییر می دهد:

رنگ متن در html

صفت color یک رنگ متن را برای متن عناصر html تعریف می کند:

فونت ها در html

ویژگی font-family فونت متن عناصر html را تعریف می کند.

اندازه ی متن در html

ویژگی font-size اندازه ی فونت متن عناصر html را توصیف می کند.

تراز بندی متن در html

ویژگی text-align برای ترازبندی متن های عناصر html بکار می رود.

کلام آخر

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

در بخش بعدی قالب بندی عناصر html را ارائه خواهیم داد.