تاریخچه زبان CSS

history CSS Geekonline.ir

تاریخچه زبان CSS

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

خب طبیعتا همه ما روش دوم را انتخاب میکنیم برای اینکه انرژی زیادی از ما نمیگیرد و سرعت کار بالاتری دارد.

در واقع زبان برنامه نویسی CSS هم همین امکانات را  در طراحی وب ، در اختیار ما قرار میدهد.

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

CSS یکی از تکنولوژی های اصلی برای طراحی وب است.

در واقع CSS یک زبان استایل نویسی که در نوع نمایش محتوا صفحه وب به ما کمک میکند.

هدف اصلی زبان CSS جدا کردن ویژگی های محتوا و نوع نمایش آن در یک صفحه وب است و این فرایند باعث بالا رفتن سرعت

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

تاریخچه زبان CSS:

زبان css در سال ۱۰ اکتبر ۱۹۹۴ ساخته شد.

در همان زمان چندین زمان زبان سبک برای وبسایت ارائه شد.

اما در کنسرسیوم جهانی وب اقدام به انتشار CSS به نام CSS1 شد و سال ۱۹۹۶ Bert Bos عنوان سازنده CSS را ازآن خود کرد.

بعد از آن گروه کاری برای کار روی CSS تشکیل شد اما CSS1 مورد توجه قرار نگرفت و به همین علت نسخه CSS2 در ۴ نوامبر ۱۹۹۷ معرفی شد.

بعد از آن هم نسخه CSS3 در سال ۱۹۹۸ معرفی شد و تا سال ۲۰۱۴ در حال توسعه بود.

مخفف کلمه CSS درواقع Cascading Style Sheet هستش.

نسخه های CSS

CSS1:

اولین نوع از این نسخه بودش که در تاریخ ۱۷ دسامبر ۱۹۹۶ انتشار یافت.

CSS2:

سی اس اس سطح دو که توسط W3C توسعه یافته شده بود در تاریخ مه سال ۱۹۹۸ انتشار یافت.

CSS2.1:

این نسخه برای رفع شدن خطاهای نسخه دوم  به وجود آمد، ویژگی های ضعیف نسخه های قبل را حذف میکند.

CSS3:

در این نسخه سندها به ماژول هایی جدا تبدیل میشوند. هر ماژول ویژگی و قابلیت های نو و جدیدی را اضافه میکند.

و ویژگی های نسخه CSS2 را گسترش میدهد. اولین پیش نویس این نسخه در ژوئن ۱۹۹۹ انتشار یافت.

توضیحات:

برای اضافه کردن کد های CSS به صفحات وب از سه روش : ۱ خارجی ۲ داخلی ۳ سبک درون خطی.

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

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

و در نهایت با استفاده از CSS ، ساختاری که ساخته بودیم را زیبا و قشنگ کنیم بهش رنگ اضافه کنیم حالت بدهیم و…

یک مثال برای درک سازده تر این موضوع:

یک ساختمان را در نظر بگیرید در مرحله اول اسکلت بندی و شکل گیری با سیمان و بتن انجام میشود.

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

درواقع رابطه HTML و CSS دقیقا همینگونه است ما با استفاده از HTML ساختار اصلی وبسایت را میسازیم.

و با CSS آن را زیبا سازی میکنیم، رنگ ، پوزیشن، میدهیم و آن را کلاسیک یا فانتزی و… میکنیم.

Cascading Style Sheet  که همان CSS ما هستش روشی برای تعیین نشان دادن عناصر HTML در طراحی وب میباشد.

چرا به CSS در طراحی وب نیازمندیم:

زبان HTML یک زبان نشانه گذاری هستش و هیچ موقع نمیتواند شیوه نمایش محتوا را تعیین کند.

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

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

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

ما میتوانید با استفاده از CSS حالات گرافیکی محتوا داخل صفحه وب خود را در یک صفحه مجزا ثبت و ذخیره کنید.

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

و همین امر باعث بالا رفتن سرعت بارگذاری صفحات وبسایت  ما خواهد شد.

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

زبان CSS حتی به صرفه جویی زمان به ما کمک میکند و انرژی کمتری از ما میگیرد.

برای مثال ما یک وبسایت داریم که شامل ۸ صفحه هستش اکنون اگر ما در هر صفحه وبسایت خود ۴ بار از تگ <h2> استفاده کرده باشیم.

پس ما در مجموع ۳۲ تا تگ <h2> داریم حالا اگر ما بخواهیم رنگ های این تگ ها را از قرمز به سبز تبدیل کنیم.

باید هر ۳۲ تا تگ را ویرایش کنیم اما اگر از CSS استفاده کرده باشیم فقط کافیه که ما فایل CSS خود را ویرایش کنیم و اینگونه تغییرات در تمام صفحات وبسایت ما اعمال خوهد شد.

این یک مثال کوچک بودش اگر وبسایت شما از صفحات بیشتری تشکیل شده باشد چی؟

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

مزایای CSS:

کنترل و مدیریت بیشتر بر روی محتوا و ساختار صفحه وبسایت وجود دارد.

جدا سازی ویژگی ها از ساختار متن.

میتوانید ویژگی ها را در یک صفحه دیگر برنامه ریزی کرده و در یک فایل جدا ذخیره کنید و به صفحه اصلی لینک کنید.

با استفاده از آن ما میتوانیم حجم صفحات وبسایت خودمان را پایین نگه داریم.

نگداری و اعمال تغییرات بر روی وبسایت خودمان ساده تر خواهد شد.

و…

نتیجه

خب طبق توضیحات بالا و تحقیق های انجام شده.

ما متوجه شدیم که برای اینکه یک صفحه وب با اعمال مود های گرافیکی و دادن ویژگی به المان های صفحه وبسایت خودمان بهترین راه این است.

که ما از CSS استفاده کنیم و در وقت و انرژی خود صرفه جویی کنیم

و از مزایا آن بهرمند شویم و از زیبایی و چشم نوازی وبسایت ، هم خودمان و هم مخاطبین ما لذت ببرند.

alireza sabouhi

علیرضا صبوحی هستم مدیر فنی گیک آنلاین به دنیای IT و شبکه وبرنامه نویسی خیلی علاقه دارم امیدوارم گیک آنلاین برای شما مفید باشد

دیدگاه کاربران ...

  1. لطفا قبل از ارسال سئوال یا دیدگاه سئوالات متداول را بخونید.
    جهت رفع سوالات و مشکلات خود از سیستم پشتیبانی سایت استفاده نمایید .
    دیدگاه ارسال شده توسط شما ، پس از تایید توسط مدیران سایت منتشر خواهد شد.
    دیدگاهی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد.

    دیدگاه خود را بیان کنید

جدیدترین محصولات