CSS -سی اس اس چیست ؟
Thursday, July 26th, 2018
سی اس اس یا CSS در واقع قواعد ودستورات شیوه نمایش کلیه اجزائ صفحه وب است که به صورت کد نویسی با روش های گوناگون کدهای html را کنترل می نماید.
تاریخچه پیدایش CSS
وقتی وب در سال 1990 معرفی شد, طراحان صفحه وب از زبان نشانه گذاری HTML برای نمایش همه محتویات و اعمال فرمتهای مورد نیاز استفاده می کردند. اما مشکل این بود که HTML برای نمایش محتویات طراحی شده بود نه برای اعمال فرمت روی آن ها. به همین خاطر اعمال فرمتهای مورد نیاز در یک صفحه وب کار سختی بود.وقتی وب در سال 1990 معرفی شد, طراحان صفحه وب از زبان نشانه گذاری HTML برای نمایش همه محتویات و اعمال فرمتهای مورد نیاز استفاده می کردند. اما مشکل این بود که HTML برای نمایش محتویات طراحی شده بود نه برای اعمال فرمت روی آن ها. به همین خاطر اعمال فرمت های مورد نیاز در یک صفحه وب کار سختی بود.با این که این روش در روزهای اولیه وب کار می کرد, اما قدرت اصلی استاندارد وب (که با نام W3C شناخته می شود) خیلی زود متوجه شد که یک راه بهتر لازم است. نتیجه برگه های شیوه آبشاری (Cascading Style Sheet. CSS)بود, یک تکنو لوژی که در سال 1996 ارائه شد. نسخه اولیه ( سی اس اس -CSS ) تا حد خیلی زیادی مشکلات مربوط به اعمال فرمت را حل کرده بود اما مشکل این بود که مرورگرهای اصلی از آن پشتیبانی نمی کردند.
بنا بر این CSS در آن روزها استفاده چندانی نداشت. CSS یک زبان اعمال شیوه است که می توانید از آن برای تغییر ظاهر آسان صفحه وب خود استفاده کنید.
اما در اینجا چهار دلیل اصلی برای مفید بودن CSS را میبینید:
1- کنترل بیشتری بر صفحات وب در اختیار شما قرار می دهد که html آن را ندارد.2 - css سی اس اس به شما اجازه می دهد محتویات صفحات را از دستورالعمل فرمت جدا کنید. 3- css سی اس اس به شما امکان میدهد تا فرمت صفحات را به صورت مرکزی کنترل کنید در واقع می توان با استفاده از یگ برگ شیوه خارجی تمام صفحات وب سایت را به صورت یکدست طراحی نمود که احساس خوبی را به بازدید کنندگان انتقال می دهد. 4- css سی اس اس یعنی آینده , استفاده از شیوه ها درون تگهای html کار سختی است . وقتی شما این تکنولوژی را یاد بگیرید در حقیقت برای آینده سرمایه گذاری کردید.
روش های مختلف استفاده از کدهای CSS
استفاده از کدهای سی اس اس با روش های گوناگون امکان پذیر است
- 1 - استفاده کد CSS درون تگ های HTML
- 2 - استفاده کد CSS درون تگ style درون صفحه بین تگ باز و بسته head
- 3 - استفاده از CSS کد زیر بی تگ بازو بسته head در بالای صفحه قرار می گیرد.در یک سند خارجی و لینک کردن آن به صفحه HTML
