آشنایی با CSS و لزوم استفاده از آن در طراحی سایت

[ آخرین بازنگری ۲۰ اسفند ۱۳۹۵ ] [ نسخه چاپی ]

Cascading Style Sheets که به اختصار css نامیده می‌شود شیوه‌ای برای تعیین نمایش عناصر html در صفحات وب می‌باشد.

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

مطلب پیشنهادی:پیش از شروع یادگیری css نیاز به دانش مقدماتی در زمینه html دارید. » مشاهده بایگانی ” آموزش html

چرا به css در طراحی صفحات وب سایت نیاز است؟

Html یک زبان نشانه گذاری است و هیچگاه نمی‌تواند شیوه‌ی نمایش عناصر را تعیین کند.

به عنوان مثال شما نمی‌توانید تنها با استفاده از html برای هربخش از مطلب خود تصویر زمینه تعیین کنید و بر تک تک اجزا تسلط داشته باشید ولی با کمک گرفتن از css این مشکل بزرگ برطرف خواهد شد و شما به همه چیز مسلط خواهید شد.

css چیست و چگونه استفاده میشود

در واقع شما با استفاده از css تمام تگ‌های فرمت بندی مطالب را از درون html پاکسازی و در یک برگه css ذخیره می‌کنید.

این کار دو مزیت عمده دارد:

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

Css به شما در ذخیره زمان و انرژی کمک می کند!

تصور کنید شما صاحب یک سایت با ۵ صفحه هستید! در صورتی که برای هر صفحه به طور میانگین از ۳ تگ <h2> استفاده کرده باشید در مجموع ۱۵ تگ <h2> دارید و اگر بخواهید رنگ آن‌ها را مثلا از مشکی به قرمز تغییر دهید باید ۱۵ تگ <h2> را ویرایش نمایید.

اگر سایت شما بزرگتر باشد و دارای ۱۰۰ صفحه یا ۵۰۰ صفحه باشد مسلما ساعت‌ها وقت نیاز است تا این تغییر کوچک را در سایت خود ایجاد کنید.

حال با css تنها با ویرایش کردن یک مشخصه می‌توانید تمامی تگ‌های <h2>  را ویرایش کنید و مهم نیست سایت شما چند صفحه دارد! تنها با چند کلیک می‌توانید این کار را انجام دهید.

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

احتمالا این مطالب برای شما جالب هستند

آموزشcss – درس پنجم – تصویر زمینه
آموزش css – درس ششم – ویرایش متن
تعیین فونت و قلم نوشته‌ها و استایل بندی آن در CSS
طراحی و استایل بندی جدول با کمک CSS
آموزش css – درس دوم-دستورات
آموزش css – درس چهارم – نحوه استفاده از css

گفتگو پیرامون آشنایی با CSS و لزوم استفاده از آن در طراحی سایت

(منتشر شده: 0 | در انتظار تایید: 0)

مرام‌نامه‌ی ارسال دیدگاه را رعایت کرده‌ام! (»نمایش مرام‌نامه)