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 - آرایه‌ها (Arrays)

JavaScript – آرایه‌ها (Arrays)

آرایه در جاوااسکریپت متغیری خاص است که می‌تواند بیش از یک مقدار را ذخیره کند. const cars = ["Saab",...

بیشتر بخوانید
JavaScript - ویژگی‌های عدد (Number Properties)

JavaScript – ویژگی‌های عدد (Number Properties)

در جاوااسکریپت، شیء Number شامل ویژگی‌هایی از پیش تعریف‌شده است که برای کار با اعداد مفید هستند. این ویژگی‌ها...

بیشتر بخوانید
JavaScript - متدهای عدد (Number Methods)

JavaScript – متدهای عدد (Number Methods)

در جاوا اسکریپت، متدهایی برای کار با اعداد ارائه شده‌اند که می‌توانند روی تمامی اعداد استفاده شوند. متدهای مربوط...

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

نظرات

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

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