سلام به همه ای دوستان عزیز امیدوارم حالتون عالی باشه و سلامت باشید ، تو این مقاله قصد دارم درباره زبان سی اس اس صحبت کنم که اصلا سی اس اس چیه ، ویژگی های سی اس اس ، مزایای سی اس اس ، کتابخانه های سی اس اس ، ورژن یا نسخه های مختلف سی اس اس و ویژگی ها یا امکانات خاص آنها ، تاریخچه سی اس اس و …
پس تا آخر این مقاله با ما همراه باشید تا زبان سی اس اس رو با هم بررسی کنیم .
سی اس اس چیست ؟
خب اولین چیزی که می خواهیم با هم درباره سی اس اس بررسی کنیم اینکه اصلا سی اس اس چیه ؟
سی اس اس مخفف Cascading Style Sheets هستش که به معنی صفحات آبشاری هست.
به کمک سی اس اس شما می توانید خصوصیات ظاهری یک وب سایت را مشخص کنید برای مثال رنگ بندی ، فونت ها و…
و زبان سی اس اس دومین گام یا قدم برای فرانت اند کار شدن هستش و اولین قدم هم زبان نشانه گذاری اچ تی ام ال هستش که اچ تی ام ال هم قالب یا ساختار ( استخوان بندی ) یک وب سایت را مشخص می کند .
دوره آموزش رایگان CSS رو از دست نده .
کاربرد زبان سی اس اس
خب حالا فهمیدیم که سی اس اس چیه الان میریم سراغ اینکه اصلا کاربرد زبان سی اس اس چیه ؟
همان طور که گفتیم سی اس اس خصوصیات ظاهری یک وب سایت را مشخص میکند که برای مثال تعیین فونت های نوشته ها ، تعیین عرض و ارتفاع و حاشیه و فاصله ها ، ، رنگ بندی بخش های مختلف مانند دکمه ها ، بک گراند ، راست چین کردن وب سایت و…
به کمک سی اس اس شما می توانید یک سایت با ظاهر زیباتر و راحت تر ایجاد کنید .
تاریخچه زبان سی اس اس
در سال 1996 بود که سی اس اس در CERN مجموعه متولد شد ، هاکون ویوم لی با همکاری تیم برنزلی ، تصمیم گرفتن سی اس اس را معرفی بکنند .
مزایای سی اس اس
. ساخت انمیشن های جذاب
. نگهداری ساده تر
. افزایش سرعت وب سایت
. کد های سبک
. پشتیبانی بیشتر مرورگر ها از سی اس اس
. طراحی چندین صفحات بدون پیچیدگی
. و….
کتابخانه های سی اس اس
در زبان سی اس اس برخی کتابخانه ها و یا فریمورک هایی وجود دارد که کد نویسی را برای ما آسان تر و یا راحت تر می کند و یا حتی سرعت کد نویسی ما را افزایش می دهد برای اطلاعات بیشتر :
فهرست برترین کتابخانه های CSS رو از دست ندین .
سی اس اس بدون اچ تی ام ال و جاوا اسکریپت
خب یه نکته مهم ، برای فرانت اند کار شدن علاوه بر سی اس اس باید اچ تی ام ال و جاوا اسکریپت رو هم بلد بوده باشید تنها سی اس اس جواب نمیده در فرانت اند :
اچ تی ام ال : در فرانت اند زبان نشانه گذاری اچ تی ام ال قالب و ساختار ( استخوان بندی ) یک وب سایت را مشخص می کند .
سی اس اس : در فرانت اند زبان سی اس اس خصوصیات ظاهری یک وب سایت را مشخص می کند مانند فونت ها ، رنگ بندی ، تنظیم حاشیه ها و… .
جاوا اسکریپت : و در فرانت اند جاوا اسکریپت در یک وب سایت تعامل را با کاربر بیشتر می کند یا همان داینامیک یا پویا تر می کند .
و برای فرانت اند کار شدن باید با اچ تی ام ال شروع کنید بعد برید سراغ سی اس اس و در آخر هم جاوا اسکریپت رو باید یاد بگیرید البته بعد از این ها هم شروع به یادگیری فریمورک های جاوا اسکریپت کنید .
بررسی کوتاه فرانت اند
خب شاید حالا بعضی هاتون با فرانت اند آشنایی ندارید .
کلا طراحی سایت به دو دسته تقسیم می شود : بک اند و فرانت اند
بک اند بر روی عملکرد سایت کار میکند مثلا آمار کاربران و….
و فرانت هم روی ظاهر یک سایت کار می کند یا گرافیک یک وب سایت را طراحی می کند .
نسخه های سی اس اس
سی اس اس در کل چهار نسخه دارد : سی اس اس 1 ، سی اس اس 2 ، سی اس اس 3 و سی اس اس 4 که هر کدام در یک سالی معرفی شده و هر کدام دارای یک ویژگی و امکانات خاصی هستش .
سی اس اس 1
این نسخه اولین نسخه سی اس اس هستش که در سال 1996 معرفی شده .
در این نسخه می توانید رنگ بندی ، تعیین فونت ها مشخص کنید و همچنین می توانید حاشیه ها ، طول و عرض ، سطر ها را تنظیم کنید .
سی اس اس 2
این نسخه هم در سال 1998 با ویژگی های جدید معرفی شد .
در این نسخه سی اس اس ویژگی هایی از جمله شناخت فایل های مختلف و امکان متغیر کردن اجسام یا ثابت و یا حتی بستگی بودن به اجسام دیگر بود .
سی اس اس 3
این نسخه هم در سال 1999 با امکاناتی فوق العاده که بهترین آپدیت بود معرفی شد .
در این نسخه ویژگی هایی زیادی به وجود آمد که به آنها ماژول میگفتند که امکانتی مانند اضافه کردن پس زمینه و.. بود
سی اس اس 4
این نسخه هم بعد از نسخه سوم معرفی شد که زیاد فرقی با نسخه سوم نداشت که برخی ماژول های جدیدی بهش اضافه شده بود .
بررسی کلی سی اس اس
خب دوستان رسییدیم به آخر مقاله ، در کل فهمیدیم که سی اس اس گام یا قدم دوم برای فرانت اند کار شدن هستش و به کمک سی اس اس شما می توانید خصوصیات ظاهری یک وب سایت را طراحی کنید. و سی اس اس در سال 1996 معرفی شده و از اون موقع روز به روز آپدیت شده و چهار تا نسخه معرفی کرده ، پس در یادگیری سی اس اس دست بنجبون و دوره آموزشی رایگان سی اس اس سبزلرن رو از دست نده .
پایان رپورتاژ آگهی /
نظرات در مورد : دوره آموزشی رایگان CSS