امروز : یکشنبه، 03 بهمن 1400

آموزش CSS - مقدمه

تعداد بازدید: 363

CSS چه زبانی است ؟ 

CSS زبانی است که برای سبک دادن به کد های HTML استفاده می کنیم. CSS نحوه نمایش عناصر HTML را توصیف می کند. در این آموزش قصد داریم 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 هرگز در نظر گرفته نشده است که حاوی برچسب هایی برای قالب بندی یک صفحه وب باشد ! اما با CSS میتوان این کار را براحتی انجام داد .

CSS باعث شد تا تمامی عناصر HTML در صفحه رنگبندی و جایگاه مناسبی برای خود داشته باشند .

و در آخر میتوان گفت که CSS باعث صرفه جویی زیاد در کار میشود :

تعریف استایل به طور معمول در فایل های « css. » خارجی ذخیره می شوند ، فقط با تغییر یک فایل می توانید ظاهر یک وب سایت را تغییر دهید!

میتوانید فایل زیر را دانلود و برای تمرین استفاده کنید : 

فایل تمرینی 

سید مرتضی یثربی

برنامه نویس فرانت و طراح دیزاین وبسایت 😉

blog-author-image