جلسه ۰۲ – تاریخچه‌ی CSS

آموزش طراحی سایت

داستان CSS چیست؟ چه اتفاقی افتاد که تصمیم گرفته شد CSS به عنوان یک زبان استایل دهی ایجاد شود؟ CSS چند تا نسخه داره؟ در این مقاله به صورت کامل تاریخچه CSS رو بررسی می‌کنیم.

پادکست مقاله توسط نوید معدن نژاد

داستان CSS

بعد از معرفی کامل CSS حالا زمان تعریف تاریخچه و داستان CSS ئه.

CSS برای اولین بار در ۱۰ اکتبر ۱۹۹۴، توسط Hakon Wium Lie، غرضه شد. در اون سال ها، اینترنت شروع به فراگیر شدن در اکثر جنبه های پیشرفت بشری کرده بود.

اما هنوز کمبودی در حوزه ظاهر وب سایت ها حس میشد، وب سایت ها ظاهر خاصی نداشتن و همگی تا حد زیادی شبیه به هم بودن! در همون روز ها، Hakon Wium Lie، یکی از افراد فعال در CERN، که قبلا هم در آزمایشگاه رسانه‌ای دانشگاه MIT کار کرده بود، این نیاز رو احساس کرد، که چرا صفحات وب، نمی تونن مثل روزنامه، دارای قالب های متفاوت و متنوعی باشن.

البته این احساس نیاز هاکن چندان منحصر به فرد نبود.

یکی از اهداف نهایی HTML، از زمان شروع کارش در سال ۱۹۹۰، نه تنها تولید متن و محتوا، بلکه ساخت قالب های منحصر به فرد برای هر وب سایت نیز بود. در طی این چندسال، هر مرورگر، زبان شیوه نامه مخصوص به خودش رو استفاده ‌‌می‌کرد. این باعث می‌شد که سایت‌ها در مرورگر های مختلف، به اشکال متفاوت و نامناسبی ظاهر بشن که مسلما کار رو خراب می‌کرد!

موزاییک وارد می شود

در سال ۱۹۹۳، اولین مرورگر معروف، موزاییک، پا به عرصه حضور گذاشت. زبان شیوه نامه موزاییک، این امکان رو برای کاربران فراهم میاورد که می‌تونستن رنگ های محدودی از وب سایت رو تغییر بدن. ولی این امکان نتونست رضایت بسیاری از کاربران رو بدست بیاره. چرا که اون ها میخواستن رنگ های بیشتری از وب سایت هاشون رو تغییر بدن.

در این میان، دو مرورگر، زبان‌های شیوه نامه خودشون رو ارائه کردن. هوکن همراه با دیو راجت (Dave Ragget)، زبان CHSS رو در مرورگر Arena و برت باس (Bret Bos) زبان SSP رو در مرورگر Argo ارائه کردن. هردوی این زبان ها گوی رقابت رو از زبان های دیگه ربودن. در نهایت هوکن با همکاری برت باس، این دو زبان رو یکی کردن و نام CSS رو بر اون گذاشتن. بنابراین ریشه اولیه CSS، به مخلوطی از CHSS اولیه هوکن و زبان SSP برمی‌گرده. در اون زمان، ساختار کد CSS کاملا شبیه به الان نبود اما در قواعد پایه‌ای، هردو یکی هستن.

 

نسخه های CSS

CSS 1: در ۱۷ دسامبر ۱۹۹۶، به عنوان اولین نسخه استفاده ی انبوه CSS عرضه شد.

از ویژگی های اون میشه به موارد زیر اشاره کرد:

  • توانایی تغییر رنگ عناصر
  • توانایی اختصاص دادن فونت های متفاوت به متن
  • وجود مفاهیمی چون margin و  padding

CSS 2: در ماه می سال ۱۹۹۸ عرضه شد. دارای پیشرفت هایی نظیر موقعیت های relative، absolute، fixed و مفهوم z-index بود.

CSS 2.1: یک سری از باگ ها و کمبود های CSS 2 رو برطرف کرد.

CSS 3: نسخه‌ای که هم اکنون از اون استفاده می‌کنیم. اولین جرقه های CSS 3 در سال ۱۹۹۹ زده شد. برخلاف CSS 2، به ماژول های متفاوتی تقسیم شد.

پس از انتشار نسخه CSS3 کتابخانه هایی برای این زبان منتشر شد که باعث ساده تر شدن کد نویسی و استایل دهی در محیط وب شد. با تمام اینکه زبان استایل دهی CSS هنوز درحال به روزرسانی می‌باشد، کتابخانه هایی (فریمورک) مانند Bootstrap، Sass و… کمک بسیار زیادی به ما در طراحی هایمان می‌کنند.

جمع بندی

از ۱۹۹۴ تا امروز تغییرات زیادی در دنیای امروز اتفاق افتاده، ۳ نسخه از CSS منتشر شده و فریمورک‌های مختلفی به وجود آمده است. شما آینده این زبان را چگونه می‌بینید؟

اگه نکته، پیشنهاد و انتقادی در رابطه با آموزش‌ها دارین، خیلی خیلی خوشحال می‌شیم که اون رو در بخش دیدگاه‌های پایگاه دانش میزفا ارسال کنین.

مدیر محتوا: علی اسمعیلی

فیلم آموزشی asp.net core 2

نوید معدن نژاد
یک عدد دانشجوی مهندسی مکانیک، که راه رسیدن به رویاهاش رو تو علوم کامپیوتری پیدا می‌کنه و سعی می‌کنه هیچوقت از یادگیری دست نکشه!
آموزش CSS
پایین سرفصل های CSS هست، روی منم کلیک کنی میتونی ببینی.

فیلم آموزشی asp.net core 2

بدون نظر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=