css چیست
در این مدت سعی می کنیم تمام زبان های برنامه نویسی و زبان های کد نویسی رو مورد بررسی قرار دهیم در مقاله قبلی با عنوان html چیست در مورد html کامل صحبت کردیم در این مقاله به سراغ css رفته ایم و میخواهیم جواب سوال css چیست رو دهیم. پس اگر می خواهید بدونید css چیست و به چه دردی میخورد پیشنهاد میکنم این مقاله رو تا انتها مطالعه کنید.
css چیست
در مقاله html چیست گفتیم که از html برای نمایش المان ها و لایه بندی ساختار صفحه استفاده می شود و برای طراحی یک صفحه و زیبایی سازی صفحه، امکانات خوبی را در اختیار طراح سایت قرار نمی دهد. با آمدن زبان css این مشکل زیبا سازی صفحات وب حل شد.
css مخفف Cascading Style Sheets می باشد که نحوه نمایش عناصر داخل یک صفحه رو مشخص می کند و به طراح کمک میکند که بتوانند به تمام بخش ها و عناصر یک صفحه کنترل داشته باشد.
نکته ۱ : html یک موجودیت است که css به آن خصوصیت می دهد.
مثال : مثلا در html میتوان از طریق تگ <div> یک کادر درست کرد که این کادر هیچ چیزی ندارد و در واقع تهی می باشد و خصوصیت خاصی ندارد. طراح میتواند از طریق css به این کادر خصوصیت طول ، عرض ، رنگ پس زمینه و . . . دهد.
نکته ۲ : CSS مخفف Cascading Style Sheets که به معنی شیوهنامهٔ آبشاری یا رویانداز آبشاری سَبْک است.
زبان CSS در کنار HTML ارائه و استفاده می شود این دو زبان معمولا کنار هم به کار میروند. از CSS برای طراحی صفحات استفاده می شود. به عنوان مثال: برای تغییر فونت یا تصویر پس زمینه وب سایت
چند نکته مهم در مورد CSS :
- در CSS دستورات حتما باید بین علامت {} قرار گیرد و بعد نوشتن دستور با قرار دادن : مقدار آن را میتوان تعیین کرد.
- می توان دستورات نوشته شده را پشت سرهم نوشت به شرطی که بین آنها با علامت ؛ از هم جدا شود.
- می توان هر کدام از برچسب ها (تگ ها) را با علامت , از هم جدا کرد.
با زبان CSS چه کارهایی میتوان انجام داد :
- مشخص کردن فونت
- مشخص کردن رنگ پیش زمینه و پس زمینه
- مشخص کردن فاصله ها تا حاشیه و اجزای صفحه
- مشخص کردن طول و عرض
- مشخص کردن عکس پس زمینه
- ایجاد تغییرات در موقعیت قرارگیری اجزای صفحه
- مشخص کردن چپ چین و راست چین بودن سایت
مزیت های CSS :
- حجم فایل ها کم می شود چون اگر بخواید از attribute های خود html استفاده کنید باید آن ها رو در هر تگ دوباره و چندباره تکرار کنید که همین کار باعث حجیم شدن فایل html می شود.
- هر چی اندازه فایل های سایتتون کمتر شود سرعت لود سایت بالا میرود که همین امر روی سئو سایت هم تاثیر دارد. که این کار با CSS انجام میگیرد.
- تغییر دادن صفحه وب به مراتب راحتر می شود.
- تنظیمات و کدهای CSS رو می توانید در یک فایل جدا قرار دهید که همین امر باعث استفاده آسان و نگهداری راحتر از این کدها می شود.
روش های اضافه کردن CSS به صفحات وب :
- CSS خارجی
- CSS داخلی
- سبک درون خطی
اگر به دنبال این هستید که به صورت کامل html و css رو فرا بگیرید، پیشنهاد میکنم حتما از دوره آموزش کامل طراحی وب سایت – پروژه محور دیدن نمایید.
جلسات رایگان دوره آموزش جامع و پروژه محور HTML و CSS
(بیش از ۲ ساعت فیلم آموزشی، کل دوره بیش از ۹٫۵ ساعت) :
جلسه یک | جلسه دو | جلسه سه | جلسه چهارم | جلسه پنجم