آموزش جامع و كاربردي كدنويسي استايل شت,CSS - قسمت اول - استايل (css) چيست؟ [بایگانی]

TAHA

10-14-2009, 07:12 PM

استايل (CSS) چيست؟

زبان HTML براي ايجاد يك سيستم كد سازي جهاني به وجود آمد تا بوسيله آن بتوان صفحات وب را بدون توجه به نوع كامپيوتر طراحي كرد. خاصيت مهم HTML قالب بندي ساختاري مي‌باشد ولی متاسفانه به طراحان قابلیت کنترل در همه زوایای صفحه را نمی‌دهد. برای قالب بندی و ایجاد افکت های بیشتر از CSS استفاده می‌کنیم.
در واقع CSS این امکان را ایجاد می‌کند تا طراح بتواند چندین مشخصه در طراحی صفحه را به یکباره تعیین کند بعنوان مثال خصوصیات تمامی تگهای h1 موجود در صفحه اعم از اندازه، فونت و رنگ را مشخص نمايد. و يا مشخصات ظاهري چندين صفحه را در يك فايل CSS تعيين نمايد.
CSS مخفف کلمه Cascading Style Sheets ميباشند.
نسخه های مختلف CSS به شرح زیر می‌باشد:

1- CSS1
2- CSS2
3- CSS3
4- CSS-P

TAHA

10-14-2009, 07:23 PM

قسمت اول : اصول ابتدایی
CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم
CSS هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل استایل خارجی برای تعیین خواص بخشهای مختلف صفحه های یک سایت استفاده کنیم. در این صورت می توانیم ظاهر همه صفحه ها را با ایجاد یک تغییر کوچک در فایل استایل خارجی تغییر دهیم. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متن صفحه هایمان را در یک فایل استایل تعیین کرده ایم و از آن در طراحی چندین صفحه استفاده کرده ایم، حالا اگر بخواهیم رنگ متن همه این صفحات را تغییر دهیم تنها کافی است تا رنگ متن را در همان فایل استایل تغییر دهیم و نیازی به تغییر دادن صفحات نداریم

نحوه تعریف :
به چار روش یک استایل تعریف می شود :

پیشفرض browser
استایل خارجی ( در یک فایل با پسوند .Css و سپس خواندن آن در تگ <head> )
استایل داخلی ( درون تگ <head> )
استایل خطی ( نوشتن استایل برای هر تگ در خود تگ )

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