مقدمه CSS

CSS چیست؟

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

*:همچنین به عنوان استایل‌های پیچیده شناخته می‌شود.

CSS نمایش - یک صفحه HTML - چندین استایل!

در زیر یک صفحه HTML است که چهار استایل مختلف را ارائه می‌دهد. لطفاً بر روی لینک‌های استایل زیر کلیک کنید تا استایل‌های مختلف را مشاهده کنید:

چرا از 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> و ویژگی color به استاندارد HTML 3.2، کابوس توسعه‌دهندگان وب شروع شد. توسعه وب‌های بزرگ نیاز به اضافه کردن اطلاعات فونت و رنگ به هر صفحه داشت، که این یک فرآیند طولانی و گران‌قیمت بود.

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

CSS سبک‌بندی‌های استایل HTML را حذف کرد

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

CSS مقدار زیادی کار را صرفه‌جویی می‌کند!

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

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