مقدمه آموزش CSS

CSS یک زبان برنامه نویسی است که ما از آن برای استایل دهی به یک صفحه وب استفاده می کنیم.

CSS چیست؟

• CSS مخفف کلمات Cascading Style Sheets می باشد؛ و به معنی برگه های استایل آبشاری می باشد.
• CSS مشخص می کند که عناصر HTML چگونه در صفحه ی نمایش یا مقاله یا دیگر رسانه ها نمایش یابند.
• CSS باعث صرفه جویی زیادی در کار می شود. زیرا می تواند چینش چندین صفحه ی وب را به یکباره کنترل کند.
• برگه های استایل اکسترنال(External stylesheets) در فایل های 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 attributes) در HTML 3.2 اضافه شدند، کابوسی برای توسعه دهندگان و برنامه نویسان وب شروع شد. توسعه ی وب سایت های بزرگ، که اطلاعات فونت ها و رنگ ها به هر صفحه ی وب آنها اضافه شدند، تبدیل به یک فرآیند طولانی و پرهزینه شد. لذا کنسرسیوم جهانی وب(W3C)، برای حل این مشکل، CSS را ایجاد کرد. با انجام این کار، CSS قالب بندی استایل را از صفحات HTML حذف کرد.

اگر نمی دانید که HTML چیست، توصیه می کنیم ابتدا آموزش HTML را در آموزشگاه مجازی سینا مطالعه کنید.

CSS باعث صرفه جویی زیادی در کارها می شود!

اطلاعات استایل ها معمولاً در داخل فایل هایی با پسوند css. ذخیره می شوند. با استفاده از یک برگه ی استایل اکسترنال(external stylesheet) می توانیم چهره ی کل یک سایت را با تغییر دادن تنها یک فایل، تغییر دهیم.