• CSS  مخفف واژه  Cascade Style Sheets مییباشد.از Css  برای استایل دهی به صفحات وب به صورت اصولی استفاده میشود.
  • زبان css  دارای انعطاف پذیری ویژه ای میباشد و با استفاه از این زبان میتوان پیچیده ترین قالب ها را پیاده سازی کرد.
  • CSSزبانی می باشد که برای چگونگی نشان دادن (ظاهر و فرمت) اجزای تشکیل دهنده یک متن، صفحه یا سند استفاده می شود. این زبان، زبانی است که از آن برای آرایش صفحات سایت هایی که بر پایه HTML و XHTML هستند، استفاده می شود و همچنین از آن می توان برای آراستن مستندات دیگری که در قالب XML هستند استفاده کرد نظیر XML، SVG، XUL.
  • زبان css  را میتوان به صورت های مختلف مورد استفاده قرار داد. زبان css در سرعت بارگزاری صفحات وب بسیار موثر است.
  • اساسا CSS برای جدا سازی متون از فرمت ظاهری آنها بوجود آمده است. متونی که با زبان نشانه ای نظیر HTML نوشته شده اند. فرمت های ظاهری می توانند شامل رنگ، فونت، موقعیت و ظاهر هر المان و هر شی ای درون صفحه باشند. این جدا سازی کار خوانایی متون را افزایش داده است و نیز کنترل بیشتری را بر روی مشخصه های ظاهری متون و مستندات بوجود آورده است. توسط CSS می توان فرمت و ظاهر چندین صفحه را به یکباره تغییر داد. صفحات با سادگی بیشتری ساخته خواهند شد و از تکرار مکررات در ساختار صفحات جلوگیری خواهد شد.
  • CSS مشخص می کند که در مواقعی که چندین مشخصه CSS به المانی اعمال می شود، کدامیک مورد استفاده قرار گیرند و کدامیک از الویت بالاتری برخوردار خواند بود.
  • مشخصه های CSS توسط کنسرسیوم شبکه جهانی وب (W3C) حفاظت و نگهداری می شود.

 

  1. طریقه نوشتن CSS
  2. خاصیت Style تگ ها
  3. سبک درون خطی
  • این روش از مهمترین سبک ها در نوشتن Css می باشد.این روش سایر روش ها را شامل می شود اما توصیه می شود جهت بهینه سازی سایت از این روش کمتر استفاده شود.فراموش نشود که پس از وارد کردن دستورات خود حتما پسوند Css را وارد نمایید.
  • مثال زیر کاربرد سبک درون خطی در Css می باشد.
  •     <p style="background: blue; color: white;">A new background and font color with inline CSS>

 

Css داخلی

در وب سایت هایی که تعداد صفحات کمی دارند از روش css داخلی برای طراحی سایت استفاده می کنند.همچنین این لینک داخل تگ Head قرار می گیرد.این سبک دارای مزایایی می باشد که عبارتند از :

این سبک فقط برای صفحاتی قابل جرا می باشد که از این سبک استفاده شده است.

با استفاده از این روش می توان خاصیت ارث بری کلاس ها استفاده کرد.به عبارتی می توانید از چند جای همان صفحه استفاده کنید.

همچنین  این سبک می تواند سرعت بارگزاری صفات را پایین بیاورد.

 

مثال زیر کاربرد Css داخلی را نشان می دهد.

 

 

  •     <head>
  •     <style>
  •     hr {color:silver;}
  •     p {margin-left:20px;}
  •     body {background-image:url("images/bg.gif");}
  •     style>
  •     head>

 

 

Css خارجی

این سبک در تگ لینک داخل تگ head قابل استفاده می باشد.با استفاده از این سبک شما می توانید از چندین صفحه وب سایت خود استفاده کنید.در این سبک  می توانید با تغییر یک فایل کل ظاهر وب سایت خود را عوض کنید.

مثال زیر کاربرد Css خارجی را نشان می دهد.

 

  •     <head>
  •     <link rel="stylesheet" type="text/css" href="mystyle.css">
  •     head>

 

تاریخچه CSS

CSS ها از زمان پیدایش SGML ها در سال 1970 وجود داشته اند. از این تکنولوژی برای فرمت دهی و ظاهر دهی به صفحات وب سایت ها استفاده می شد. با بزرگتر شدن حیطه استفاده از HTML، کمبودهایی در این زبان احساس می شد که ناشی از قدیمی بودن تکنولوژی مورد استفاده در HTML بود. بسیاری از مشکلات در روزهای آغازین ظهور HTML در نظر گرفته نشده بودند و کسی حتی فکر آن را هم نمی کرد که روزی HTML می تواند به این گستردگی مورد استفاده قرار گیرد. پیشرفت مرورگرها و پیدایش نسخه ها و نامهای گوناگونی از آنها نیز به این مشکلات دامن زده بود. بطوریکه گاها صفحاتی از سایت ها در مرورگرهای مختلف، به شیوه های مختلف نشان داده میشد. عملا تا قبل از سال 1994، استاندارد خاص و واحدی برای دنیای اینترنت و صفحات سایت ها در نظر گرفته نشده بود.

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

منابع :

برگرفته از چند سایت معتبر