تبلیغات
طراحی وب برای همه - استایل
به این وبلاگ خوش آمدید
بازدیدهای امروز:
بازدیدهای دیروز:
كل بازدیدها:
كل مطالب:
كل نظرات:
ایجاد صفحه: - ثانیه

  

فقط خدا
 


به عکس موجود در ادامه مطلب توجه کنید.
خصوصیات استایل جزو  خصوصیات جدید html است.
که استایل شیتها (اسمشون css) رو مطرح می کنند
استایل


خصوصیت استایل

The HTML Style Attribute


==============================
هدف خصوصیت استایل:

تامین راهی معمولی برای شکل دادن به کلیه عناصر html

استایل ها برای جلوگیری از کد نویسی طولانی استفاده می شوند .
به این صورت که یکبار آنها تعریف می کنیم و تا آخر این خصوصیات مثل رنگ اندازه و .... تکرار می شوند.
می توانیم استایل را به عنوان یک ویژگی به تگ <body> اضافه کنیم همچنین می توان آنها را در در فایلی جداگانه با پسوند css ذخیره نمود و در مواقعی که به آن احتیاج است آن را با روش هایی که بزودی خواهم گفت ، فرابخوانیم.
نوشتن فایل های  css کمی متفاوت می باشد ولی در اصول با استایل ها یکی است .

مثال هایی از استایل
==============


style="background-color:yellow"

style="font-size:10px"

style="font-family:Times"

style="text-align:center"


تگ ها و خصوصیات اشتباه
==================

بعضی از تگ و خصوصیات در  نسخه های دیگر مثل xhtml مورد استفاده قرار نمی گیرند.

اجازه بدهید راحت بگم ،هرچند میتوان از این تگ ها استفاده نمود سعی کنیم عادت کنیم از اینها استفاده نکنیم.

این تگ ها عبارتند از:



تگ توضیحات
<center> تگ در وسط قرار دادن محتوا
<font> and <basefont> تگ مشخص کننده فونت
<s> and <strike> خط خوردن روی نوشته
<u> تگ خط زیرین نوشته(آندرلاین)
خصوصیات توضیحات
align جهت قرار گیری(بالا،پایین،وسط)
bgcolor رنگ پس زمینه
color رنگ خود متن


مثال هایی از استایل:
==================
رنگ پس زمینه


<body style="background-color:yellow">
یادمون باشه خصوصیت استایل برای تگ
<body> هم کاربرد داره،در ضمن در مثال بالا گفته میشه که رنگ پس زمینه ی اون صفحه رو زرد بشه

بیایید تمرین کنیم

استفاده از خصوصیت bgcolor  هنوز هم مجاز هست ولی کم کم داره منسوخ میشه

ببینیم با هم



نوع فونت ،رنگ و اندازه آن
================

<p style="font-family:courier new; color:red; font-size:20px">

خصوصیت استایل را می توان برای تگ <p> نیز بکار برد.

در این تمرین می تونیم نحوه ی این تغییرات رو مشاهده کنیم

تگ <font> هم از جمله تگ های منسوخی است که همین عمل را انجتم می دهد.

با هم ببینیم


جهت قرار گیری متن

===================

<h1 style="text-align:center">

خصوصیت استایل برای خیلی از تگ ها از جمله <h>(سرفصل ها) مورد استفاده قرار می گیرد.

تمرین

این خصوصیت استایل با عث شد تگ قدیمی <align< منسوخ شود.

کاربرد تگ قدیمی را تمرین کنیم.



نوشته شده توسط بنده خدا در چهارشنبه 28 بهمن 1388 و ساعت 02:49 ق.ظ [+] | نظرات ()