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 ذخیره می‌شوند.

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

Related posts

Don't miss reading these posts!
JavaScript - کلمه کلیدی Let (Let)

JavaScript – کلمه کلیدی Let (Let)

تعریف let کلیدواژه let در ES6 (2015) معرفی شد و دارای ویژگی‌های خاصی است که آن را از var...

Read more
JavaScript - متغیرها (Variables)

JavaScript – متغیرها (Variables)

متغیرها در جاوا اسکریپت متغیرها در جاوا اسکریپت به عنوان ظرف‌هایی برای ذخیره‌سازی داده‌ها استفاده می‌شوند و می‌توانند به...

Read more
JavaScript - کامنت‌ها (Comments)

JavaScript – کامنت‌ها (Comments)

کامنت‌ها در جاوا اسکریپت کامنت‌ها در جاوا اسکریپت به برنامه‌نویسان این امکان را می‌دهند تا توضیحاتی را به کد...

Read more

Comments

Share your comments with us

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