سبد خرید شما

icon
سبد خرید خالی است.

CSS

زبان CSS چیست؟

 Css که مخفف Cascading Style Sheet (CSS) است، یک زبان طراحی صفحات وب برای ایجاد و ساخت مشخصات ظاهری اسناد و اطلاعات وب سایت می‌باشد. css یکی از رایج‌ترین و محبوب‌ترین ابزارهای طراحی صفحات وب سایت نوشته شده توسط زبان HTML و یا XHTML می‌باشد و هم‌چنین از زبان‌های اسکریپت دیگری مانند plain XML،SVG  و XUL نیز به خوبی پشتیبانی می‌نماید.

 

فلسفه تولید زبان CSS

هدف از تولید زبان برنامه نویسی css در واقع جداسازی اطلاعات محتوا (که توسط زبانی مانند HTML نوشته شده‌اند) از اطلاعات ظاهری مانند صفحه‌بندی، رنگ و سایز و نوع فونت می‌باشد. این جداسازی موجب افزایش سرعت در دسترسی به سایت، انعطاف پذیری بیشتر برای کنترل ویژگی‌های ظاهری، قابلیت طراحی چندین صفحه با یک فرمت یکسان و جلوگیری از پیچیدگی و انجام کارهای تکراری در طراحی وب سایت می‌گردد.

آبشاری بودن برگه‌های CSS به این معنی است که استایل، کلاس یا هر چیزی که به یک برگه CSS داده شود، روی عناصر فرزند (Children) این برگه‌ها هم تاثیرگذار خواهد بود. به عنوان مثال اگر شما رنگ متن را در یک برگه CSS قرمز تعیین کنید، این به معنای قرمز بودن تمام سرنویس‌ها (هدینگ) و پاراگراف‌های متنی است که قرار است در این برگه CSS نوشته شود.

 

مزایای زبان برنامه نویسی CSS

تفاوت بین وب سایتی که CSS  را پیاده‌سازی می‌کند با وب سایتی که نمی‌کند گسترده است و مطمئناً قابل توجه است.

وظیفه CSS برای تعریف استایل‌های سند HTML است. بنابراین با CSS کنترل بسیار بهتری در چیدمان صفحات وب خود دارید. مثلا می‌توانید دقیقاً مشخص کنید که اندازه یک فونت چقدر باشد، دقیقاً کدام عنصر در یک صفحه قرار بگیرد، هنگام چاپ، چه صفحه‌ای ظاهر می‌شود و موارد دیگر.

CSS همچنین می تواند در زمان زیادی صرفه جویی کند، به خصوص هنگام نگهداری یک سایت بزرگ.

مزایای CSS شامل موارد زیر می شود:

  • صرفه جویی در وقت: با CSS، برای هر عنصر فقط باید یکبار این جزئیات را مشخص کنید. CSS هر زمان که این عنصر رخ دهد، به صورت خودکار سبک‌های مشخص شده را اعمال می‌کند.
  • صفحات سریع‌تر بارگیری می‌شوند.
  • نگهداری آسان: برای تغییر سبک یک عنصر در کل سایت، شما فقط باید در یک مکان ویرایش کنید.
  • CSS برای سبک‌ها ساخته شده است. در حالی که مرورگرها معمولاً عناصر HTML را به روشی خاص نمایش می‌دهند، می‌توانید این کار را با CSS رد کنید.
  • سازگاری بیشتر در طراحی
  • گزینه‌های قالب بندی بیشتر
  • بهینه سازی موتور جستجو
  • دسترسی بهتر به کد

 

با زبان CSS چه کارهایی می‌توانید انجام دهید؟

  • قوانین سبک‌دهی مشابه را بر روی چندین عنصر قابل اعمال است.
  • نمایش چندین صفحه از یک وب سایت با یک شیوه نامه قابل کنترل است.
  • یک صفحه را در دستگاه‌های مختلف را می‌توانید به شیوه‌های متفاوت نمایش دهید.
  • می‌توان حالت‌های پویای عناصر مانند شناور بودن، تمرکز و ... را سبک‌دهی کرد که با روش‌های دیگر امکان پذیر نیست.
  • می توان موقعیت یک عنصر را در صفحه وب را بدون این که نشانه‌گذاری را تغییر داد، عوض کرد.
  • نمایش عناصر HTML موجود را قابل تغییر است.
  • می‌توان عناصر را در فضای 2بعدی یا 3بعدی تغییر شکل داد، نظیر: تغییر اندازه، چرخش، و ...
  • می توان انیمیشن و جلوه‌های حرکتی را بدون استفاده از جاوا اسکریپت ایجاد نمود.
  • قابلیت ساخت نسخه مناسب چاپ از صفحات وب وجود دارد.

 

فرصت‌های شغلی زبان CSS

CSS و HTML زبان برنامه نویسی نیستند، آن‌ها زبان‌های نشانه گذاری‌اند. بنابراین اگر آن‌ها را بشناسید، در اصل یک طراح وب هستید و نه یک توسعه دهنده وب. طراح وب بودن چیز بدی نیست، اما کمتر از یک توسعه دهنده وب متوسط (در حدود 50 هزار دلار در سال طبق حقوق دریافت خواهید کرد. نقش طراح وب طراحی چگونگی ظاهر وب سایت است، در حالی که نقش توسعه دهنده وب مدیریت پایگاه داده‌ها، درخواست‌ها، پاسخ‌ها و سایر کارهای دیگر است.

بنابراین اگر مهارت‌های HTML و CSS قوی دارید، به راحتی می‌توانید به عنوان طراح وب یا طراح UI / UX شغل خود را بدست آورید که اصولا همان موارد یکسان هستند. طراحان وب بیشتر در شرکت‌های بزرگ‌تر استخدام می‌شوند و شرکت‌های نوپای کوچک معمولا آن‌ها را استخدام نمی‌کنند. اما اگر مایل به یادگیری هستید و اشتیاق زیادی برای این کار دارید، می‌توانید در شرکت‌های نوپا نیز شغل پیدا کنید.

توانایی یادگیری

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

بنابراین، در تمام شرکت‌های کوچک در ابتدای راه به کار خود ادامه دهید و اگر به مصاحبه رسیدید، احتمالا توسط توسعه دهنده دیگری مصاحبه خواهید شد. آن توسعه دهنده احتمالا از وضعیت شما اطلاع خواهد داشت و اگر به او ثابت کنید که علاقه زیادی به برنامه نویسی دارید و علاقمند به یادگیری هستید، به احتمال زیاد شغل پیدا خواهید کرد. در حالی که در آن کار مشغول هستید، فن‌آوری‌هایی را که آن‌ها از آن استفاده می‌کنند را یاد خواهید گرفت و هم‌چنین به شما مهارت می‌دهد تا در برخی از موقعیت‌های بهتر از آن استفاده کنید. بعضی از افراد این کار را انجام نمی‌دهند، زیرا احساس صلاحیت نمی‌کنند، اما باید این کار را انجام دهند زیرا بدترین اتفاقی که می‌تواند بیافتد این است که شما را رد می‌کنند.

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

فریلنسینگ

اگر فقط HTML و CSS را می‌دانید، بهترین کار ممکن این است که فریلنسر (آزاد کار) باشید. به طور جدی، وقتی شما یک کارمند فریلنس هستید، تنها چیزی که مصرف کنندگان به آن اهمیت می‌دهند یک محصول تمام شده است. برای آن‌ها اهمیتی ندارد که چگونه این کار را انجام دهید.

بهتر است شروع به ساختن وبسایت برای رستوران‌ها و کافی شاپ‌های محلی کنید و همیشه سعی کنید از جاوااسکریپت استفاده کنید. با گذشت زمان، شما جاوااسکریپت را می‌شناسید و پروژه‌هایی برای نمایش دارید و اگر تصمیم گرفتید که در برخی شرکت‌ها کار کنید، می‌توانید تمام پروژه‌هایی را که انجام داده‌اید به آن‌ها نشان دهید.

 

ورژن‌های زبان CSS

اولین نسخه از زبان برنامه نویسی css که توسط موسسه استاندارد سازی W3C نیز مورد تایید قرار گرفت، در دسامبر سال 1996 منتشر شد. این نسخه از CSS از قابلیت های زیر پشتیبانی می کرد:

  •  امکان تنظیم نمودن مشخصه‌های فونت مانند قابلیت Fontface و Emphasis
  • امکان تغییر دادن رنگ متون، مشخص نمودن تصویر یا رنگ پس زمینه و سایر مشخصه‌های ظاهری.
  • امکان تغییر سایر مشخصه‌های متون، مانند تنظیم نمودن فاصله بین کلمات، حروف و سطرها.
  • هم تراز نمودن نوشته‌ها، تصاویر و جداول
  • قابلیت اضافه نمودن حاشیه، کادر و لایه بندی صفحات
  • امکان دسته بندی و نشانه‌گذاری مشخصه‌ها و امکانات وب سایت

CSS2

نسخه دوم زبان برنامه نویسی css نیز در ماه می سال 1998 منتشر و به کاربران ارائه شد. این نسخه از CSS دارای قابلیت‌های اضافه نسبت به نسخه قبلی بود. برخی از این امکانات شامل:

  • قابلیت تنظیم جایگاه اجسام به صورت ثابت، متغیر و یا بسته به دیگر اجسام
  • قابلیت z-index
  • مفهوم انواع فایل‌های چند رسانه‌ای
  • پشتیبانی از طراحی Aural صفحات
  • امکان تنظیم نمودن متن به صورت راست چین
  • اضافه شدن قابلیت‌های تازه‌ای به نوشته‌ها مانند سایه بود.

2.1 CSS

نسخه 2.1 CSS به دلیل برطرف نمودن تعداد زیادی از مشکلات CSS2 منتشر و در اختیار کاربران قرار گرفت. این نسخه از CSS هنوز و با وجود منتشر شدن نسخه‌های جدیدتر به عنوان یکی از استانداردهای طراحی وب سایت توسط W3C  مورد تایید و توصیه می گردد.

CSS 3.0

نسخه CSS 3 بر خلاف نسخه‌های قبلی که تمامی تعاریف و امکانات در قالب یک نرم افزار مورد استفاده کاربر قرار می‌گرفت، دارای ساختاری ماژولار است. هر یک از ماژول‌ها، قابلیت‌های خاصی را به نرم افزار اضافه می‌نماید. این نسخه از CSS در ماه ژوئن سال 1999 منتشر گردید.

با به وجود آمدن ساختار ماژولار، امکانات مختلفی به تفکیک ماژول‌های مختلف قابل اضافه شدن به نرم افزار گردید. طبق آخرین اخبار، در ماه نوامبر سال 2011 بیش از 50 نوع ماژول مختلف با امکانات ویژه‌ای توسط تیم طراحی زبان برنامه نویسی CSS به کاربران ارائه شد.

برخی از ماژول‌ها امکاناتی مانند اضافه نمودن تصاویر ویژه به عنوان پس زمینه، محاسبه اطلاعات رسانه‌ای و قابلیت اضافه نمودن فرم‌های چند ستونی در صفحه بندی وب سایت می‌باشد.

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

مقالات مرتبط

فریم ورک ها

بیشتر بخوانید

Zharfa Academy-Zharfa Mag-بررسی 7 زبان برنامه نویسی پرکاربردمجله علمی آکادمی ژرفا-
المیرا افلاکی 1400/03/31
بررسی 7 زبان برنامه نویسی پرکاربرد
مطالعه بیشتر