CSS – معرفی (Introduction)

معرفی CSS

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

CSS چیست؟

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

چرا از CSS استفاده کنیم؟

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

مثال CSS

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

CSS یک مشکل بزرگ را حل کرد!

HTML هرگز برای حاوی تگ‌هایی برای فرمت‌دهی صفحات وب طراحی نشده بود!

HTML برای توصیف محتوای یک صفحه وب طراحی شد، مثل:

<h1>این یک تیتر است</h1>

<p>این یک پاراگراف است.</p>

وقتی تگ‌هایی مثل <font> و خصوصیات رنگ به مشخصات HTML 3.2 اضافه شدند، توسعه صفحات وب برای توسعه‌دهندگان به یک کابوس تبدیل شد. توسعه سایت‌های بزرگ، که باید اطلاعات مربوط به فونت و رنگ را به هر صفحه اضافه می‌کردند، به یک فرآیند طولانی و هزینه‌بر تبدیل شد.

برای حل این مشکل، کنسرسیوم جهانی وب (W3C) CSS را ایجاد کرد.

CSS فرمت‌های استایل‌دهی را از صفحه HTML حذف کرد!

اگر نمی‌دانید HTML چیست، پیشنهاد می‌کنیم آموزش HTML ما را مطالعه کنید.

CSS مقدار زیادی از کار را ذخیره می‌کند!

تعاریف استایل معمولاً در فایل‌های خارجی با پسوند .css ذخیره می‌شوند.

با استفاده از یک فایل استایل خارجی، می‌توانید ظاهر کل یک وب‌سایت را با تغییر فقط یک فایل تغییر دهید!

پست های مرتبط

مطالعه این پست ها رو از دست ندین!
JavaScript - رویدادها (Events)

JavaScript – رویدادها (Events)

رویدادهای HTML رویدادها در HTML، “اتفاقاتی” هستند که برای عناصر HTML رخ می‌دهند. این اتفاقات می‌توانند ناشی از کار...

بیشتر بخوانید
JavaScript - سازنده‌های شیء (Object Constructors)

JavaScript – سازنده‌های شیء (Object Constructors)

ساخت آبجکت با تابع سازنده (Object Constructor Function) برای ساخت چندین آبجکت مشابه، از تابع سازنده استفاده می‌شود. این...

بیشتر بخوانید
JavaScript - نمایش شیء (Object Display)

JavaScript – نمایش شیء (Object Display)

نحوه نمایش آبجکت‌ها در جاوااسکریپت هنگام نمایش یک آبجکت جاوااسکریپت به صورت مستقیم، خروجی معمولاً به شکل [object Object]...

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

نظرات

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

برای ارسال نظر لطفا ابتدا وارد حساب کاربری خود شوید.