تاریخچه CSS

تعریف CSS

CSS نوعی زبان برنامه نویسی می باشد که معمولا همرا با زبان Html به کار می رود.

این دو زبان معمولا همراه با هم استفاده می شود

.از این زبان بیشتر برای طراحی صفحات استفاده می شود.

برای مثال برای تغییر فونت یا تصویر زمینه ی وب سایت از این زبان استفاده می شود.
با توجه به اینکه امروزه در هر شغلی افراد به طراحی وب سایت روی آورده اند باید

طراحی سایت بصورت بهینه و طبق اصول Html و Css طراحی شود تا سایت کارایی داشته باشد.

 

تاریخچه CSS

زمانیکه زبان سی اس اس  بوجود نیامده بود،

هر مرورگری دارای قواعد مختص به خود برای نمایش تگ های اچ تی ام ال (HTML) بود.

بنابراین می توانستیم این انتظار را داشته باشیم که یک وب سایت

در مرورگر الف با ظاهر به مراتب متفاوت تری نسب به مرورگر ب به نمایش در آید.
بالاخره به خاطر وجود این ناهماهنگی ها در سال 1996 نسخه اول زبان CSS تحت عنوان CSS 1.0 ایجاد شد

و در سال 1998 هم نسخه CSS 2.0 به بازار عرضه شد.

سپس در سال 2004 با اعمال برخی بازنگری ها در کدهای سی اس اس، نسخه CSS 2.1 شکل گرفت

و در نهایت در سال 2011 با رفع برخی مشکلات این نسخه، مجدد تحت همین عنوان به دنیا عرضه شد

و این نسخه ازCSS همان نسخه ای است که طراحان وب با آن سر و کار دارند.
با توجه به سرعت گسترش وب و

همچنین ایجاد وب اپلیکیشن ها و دستگاه های موبایل نیاز به نسخه جدیدی از سی اس اس بود

که می بایست رویکردی کاملاً متفاوت را اتخاذ می کرد.

از این رو نسخه CSS  ایجاد شد که هنوز هم در حال توسعه و تکمیل است.

 

سه روش برای اضافه کردن CSS به صفحه وجود دارد :

  •  خارجی
  •  داخلی
  • سبک درون خطی

برای آسان کردن کار موتور های جستجو سعی کنید از انیمیشن های فلش و یا تگ های span بوسیله css ،  کمتر استفاده کنید.

با استفاده از css از دوباره نویسی کدهای HTML که باعث کند شدن لود صفحه میشود جلوگیری میکنیم.

در واقع HTML ساختار یک صفحه از وب سایت را ایجاد می کند

و این در حالی است که  CSS نحوه به نمایش در آمدن عناصر مختلف زبان  HTML را مشخص می سازد:

برای روشن شدن مطلب، زبان HTML را به اسکلت یک ساختمان تشبیه می کنیم.

همانطور که در تصویر فوق می بینیم اسکلت ساختمان عاری از هرگونه زیبایی ظاهری فقط چهارچوب اصلی ساختمان را مشخص می سازد.

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

همانطور که در سمت چپ تصویر می بینیم با اعمال سه سری متفاوت

از قوانین سی اس اس  توانسته ایم ساختاری یکسان را به سه مدل مختلف  نمایش دهیم.
زبان CSS مخفف واژگان Cascading Style Sheet به معنی “الگوهای آبشاری” است.

علت اختصاص صفت Cascading به معنی “آبشاری” به این زبان این است

که قوانین این زبان به صورت آبشاری یا از بالا به پایین اعمال می شوند.

CSS چیست؟