آشنایی با چگونگی استفاده از CSS در صفحات وب

آشنایی با چگونگی استفاده از CSS در صفحات وب

دسته : آموزش CSS
415
۲
کدنویسی به زبان ساده
آشنایی با چگونگی استفاده از CSS در صفحات وب

در این سلسه مقالات از آموزش های CSS می خواهیم چگونگی استفاده از CSS را به شما عزیزان و علاقه مندان به طراحی وب آموزش دهیم. پس با ما همراه باشید. سعی خواهد شد آموزش ها کاربردی ، همراه با مثال و به صورت کوتاه و مفید باشد.

سری آموزش های سی اس اس (CSS)

آشنایی با چگونگی استفاده از CSS در صفحات وب

در سری آموزش ها شما با چگونگی استفاده از CSS جهت کنترل style  و layout چندین صفحه وب بطور همزمان را یاد خواهد گرفت.

برای یادگیری CSS، شما باید درکی از مفاهیم HTML و XHTML داشته باشید که می توانید به سری آموزش های زبان HTML نگاهی بیندازید و اطلاعات مورد نیاز را در این دسته آموزشی فرا بگیرید.

قبل از هر چیز برای اینکه می خواهیم آموزش ها به صورت کاربردی و همراه با مثال های مفید و جامع باشد، یک نمونه از کدهای CSS را به نظر شما می رسانیم :

مثال : یک نمونه از CSS 

 

خب شاید از خودمان بپرسیم که CSS چیست و چه کاربردی در صفحات وب دارد؟

CSS چیست؟

 عبارت CSS مخفف Sheets Style Cascading است.

  Style ها چگونگی نمایش عناصر HTML را تعریف می کنند.

  Style ها برای حل یک مشکل به HTM 4.0 اضافه شدند.

  External Style Sheets می تواند در انجام کار صرفه جویی کند.

  External Style Sheets در فایل های CSS ذخیره می شوند.

نمایش CSS 

سند HTML را می توان با Style های مختلف نمایش داد.

 Style ها مشکل بزرگی را حل کردند.

 HTML هرگز به قصد برگرفتن tag برای فرمت کردن یک سند ایجاد نشد.

  HTML هرگز به قصد تعریف محتوای یک سند ایجاد نشد.

  وقتی tag ها و attribute های رنگ به HTML 3.2 اضافه شد، کابوسی برای برنامه نویسان بود. develop کردن وب سایت های بزرگ، که فونت ها و اطلاعات رنگ در هر صفحه مجزا بودند، فرآیندی طولانی و پرهزینه ای شد.

CSS در انجام مقدار زیادی کار صرفه جویی می کند.امروزه همه مرورگرها، CSS را ساپورت می کنند.

برای حل این مشکل، کنسرسیوم World Wide Web ، تصمیم گرفت CSS را ایجاد کند.

  در HTML 4.0 ، می توان کل قالب بندی را از سند HTML حذف کرد، و در فایل CSS جداگانه ای ذخیره کرد.

  امروزه همه ی مرورگرها، CSS را ساپورت می کنند.

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

  CSS تعریف می کند عناصر HTML چگونه نمایش داده می شوند.

  معمولا Style ها در فایل های css. ذخیره می شوند. Style sheet های خارجی شما را تنها با ویرایش یک فایل قادر به تغییر ظاهر و layout همه صفحات موجود در یک وبسایت می کند.

مثال : فایل HTML زیر ، لینکی به یک style sheet خارجی با تگ است.

 

این فایل style sheet برای کد بالا است :

 

در این مطلب با شیوه ی نگارش و انواع فراخوانی کدهای CSS و لزوم استفاده از CSS آشنا شدیم. در سری آموزش های بعدی از این مطلب با دستورات مختلف CSS آشنا خواهیم شد. پس با بعد…

telegram
منتظر نظرات خوب شما هستیم!

2 دیدگاه

    • سلام , مهمان