CSS introduction

Kodakalarin a what is CSS?

  • CSS kuma ana kira yanayin shekara uku.* (Cascading Style Sheets)
  • CSS ya bayyanazai iya gudanar da hanyar da za a nuna wasan kwallon haki HTML a ekun, kifi, ko wasu waje.
  • CSS zai iya sha manyan aiki。Wannan zai iya gudanar da yanayin wasan kwallon haki na kai tsaye da kai tsaye
  • 外部样式表 ana da yin amfani dashi CSS文件中

*：kuma ana kira yanayin shekara uku.

CSS演示 - wata tashin yanar gizo na HTML - yanayin shekara uku!

Duba wata tashin yanar gizo da ta bayar da wuri na yanayin shekara uku. Ta ci a matsayin kuma na yanayin shekara uku, ta ci a matsayin kuma na yanayin shekara uku, ta ci a matsayin kuma na yanayin shekara uku, ta ci a matsayin kuma na yanayin shekara uku:

Kodakalarin a why a amfani dashi CSS?

CSS ana amfani dashi domin gudanar da yanayin wasan kwallon haki, wanda kuma zai iya gudanar da tasiri na tattara da aikace-aikace don saurayi da sauri.

مثال CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Dace a samu jiki

CSS ya harkata wani matsakaici mai kyau

HTML kuma ba za a dace da nufin a gudanar da kalmomin da su zai gudanar da sabunta wasan kwallon haki!

هدف ایجاد HTML ایجاد HTML استتوضیح وب‌سایتمثلاً:

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

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

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

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

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

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

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

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