آموزش کار با استایل (CSS)

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

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

در این قسمت به معرفی قابلیتهای مختلف CSS خواهیم پرداخت . چون این قسمت در سایت ما به تازگی راه اندازی شده است هنوز کامل نشده و به مرور زمان سعی می کنیم آنرا کاملتر کنیم.

اگر انتقاد یا پیشنهادی برای بهتر شدن این قسمت دارید می توانید از طریق «فرم تماس با ما» ما را مطلع کنیم. ما نیز خوشحال می شویم از نظرات شما در جهت بهبود این بخش استفاده کنیم.


نظرات بازدید کنندگان
Wed, 26 Mar 2008 21:15:50 +0330 نویسنده : paradise
thanks a lot for every thing
it's very good

I'm from afghanstan
 
Mon, 24 Mar 2008 14:18:26 +0330 نویسنده : عبدالودود
خیلی تشکر
  واقعا فوق العاده است.
از دانشگاه کابل.
 
Tue, 18 Mar 2008 22:39:14 +0330 نویسنده : sina
دوستان  عزیز خیلی عالیه (سایتو میگم ) ولی اگه کل آموزشها رو به صورت یک فایل قابل دانلود درارید عالیه .......آخه ما بچه های Dial Up هستیم.
تمام موضوعات هم که بهم پیوسته.
ممنون میشیم
 
Sun, 16 Mar 2008 01:30:03 +0330 نویسنده : kamangir
خسته نباشيد. سايت مفيد و آموزنده‌ اي است. شاد و سربلند باشيد.
 
ساعت: 19:48 - تاریخ: 7 بهمن 1386 نویسنده : reza
سلام خيلي خوبه ، لطفا asp رو هم آموزش بديد
 
ساعت: 14:44 - تاریخ: 26 دی 1386 نویسنده : امید
ممنون بابت کار ساده و مفیدتون . سعی کنید مثال هاتون بر اساس web2 گسترش بدید .
 
ساعت: 15:35 - تاریخ: 17 دی 1386 نویسنده : saeid
شروع خوبی است.من هم در سایت خودم شروع کرده ام البته با html بصورت همزمان با درج منبع میتوانید استفاده کنید
 
ساعت: 12:08 - تاریخ: 15 دی 1386 نویسنده : مصطفی
سلام . خیلی خوب بود استفاده کردم ممنون میشم اگهflash هم آموزش بدید
 
ساعت: 21:05 - تاریخ: 11 دی 1386 نویسنده : emad
واقعا ممنون , عالی بود , مطالبتون در حد کافی و کامل است
 
ساعت: 19:04 - تاریخ: 11 دی 1386 نویسنده : فرشته
اگه ممکنه آموزش php را هم بگذارید
 
ساعت: 16:53 - تاریخ: 1386 نویسنده : مجتبی درویشی
سلام واقعا دستت درد نکنه خیلی  خوبه آموزشات تکمیلش کن اگه میشه اموزش زبان سی رو هم یاد بده
 
ساعت: 16:33 - تاریخ: 1386 نویسنده : hamed joulay
خيلي عاليه.ممنون
 
ساعت: 09:44 - تاریخ: 1386 نویسنده : لیلی
عالی خوب بود عزیزم
 
ساعت: 17:58 - تاریخ: 1386 نویسنده : عهدیه
می شه کدهای برای دنباله دار کردن نشان ماوس در سایت بگذارید
 
ساعت: 17:56 - تاریخ: 1386 نویسنده : عهدیه
<مرسی>
 
ساعت: 17:40 - تاریخ: 1386 نویسنده :
عالی بود مرسی
 
ساعت: 10:25 - تاریخ: 1386 نویسنده : ایوب عبداله نژاد
مطالب خیلی خوب است. خواهشمندم مطالبی در مورد ترفندهای گرافیکی css را در سایت قرار دهید
 
ساعت: 22:58 - تاریخ: 1386 نویسنده : www.sararayaneh.com
ُسلام
سایتتون خیلی مفید و جالبه .
به عنوان یک ایرانی به شما افتخار می کنم ! چون باعث رشد و پیشرفت خیلی از افراد شده اید .

با تشکر
 
ساعت: 21:28 - تاریخ: 1386 نویسنده : parisa
خوب بود مرسی
 
ساعت: 02:28 - تاریخ: 1386 نویسنده : farshad
متشکرم